随笔分类 -  easyui

摘要:了解easyui tree组件的童鞋估计都知道tree的node有他自己单独的属性(id,text,iconCls,checked,state,attribute,target)。而原先这个几个属性想要通过html的方式赋值实例的话,是不能完全做到的。attribute属性必须json的方式才能赋值。这也给我们开发带来了一下不便。而如今有了data-options这个属性,一切问题都迎刃而解了。定义一棵nide带有特殊属性的node就可以通过如下方式实现了view sourceprint?1<ul id="tt1" class="easyui-tree&qu 阅读全文
posted @ 2013-04-01 16:41 dodo-yufan 阅读(22839) 评论(1) 推荐(1) 编辑
摘要:由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资料也比较少,后自己动手,终于解决,废话不说,开始:datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows每页显示的记录数和page;//当前第几页然后读取相应页数的记录,和总记录数total一块返回即可 界面如下:1、下边是datagrid的显示对话框,我直接用table把列头显示出来,感觉比用js写要易于阅读?12345678910111213141516&l 阅读全文
posted @ 2012-09-25 17:47 dodo-yufan 阅读(595) 评论(0) 推荐(0) 编辑
摘要:JQuery-EasyUI 提供了较为精简地封装。让我们能更便捷地实现WEB UI。对于Confirm 方法,在其 Sample 中,是如下描述的:function confirm1(){ $.messager.confirm('My Title', 'Are you confirm this?', function(r){ if (r){ alert('confirmed:'+r); location.href = 'http://www.google.com'; } }); }对于Asp.Net 服务端控件,如 LinkBut 阅读全文
posted @ 2011-10-09 10:40 dodo-yufan 阅读(4323) 评论(0) 推荐(0) 编辑
摘要:属性分为CSS片段和JS片段。CSS类定义:1、div easyui-window生成一个window窗口样式。属性如下:1)modal:是否生成模态窗口。true[是] false[否]2)shadow:是否显示窗口阴影。true[显示] false[不显示]2、div easyui-panel生成一个面板。属性如下:1)title:该标题文本显示在面板头部。2)iconCls:在面板上通过一个CSS类显示16x16图标。3)width:设置面板宽度。默认auto。4)height:设置面板高度。默认auto。5)left:设置面板左边距。6)top:设置面板顶部位置。7)cls:在面板中. 阅读全文
posted @ 2011-07-28 10:19 dodo-yufan 阅读(45691) 评论(5) 推荐(12) 编辑
摘要:操作步骤:1.iframe页面后台输出脚本,调用父页面js方法 string retJs = "<script language='javascript'>window.parent.setselectedtab('" + "首页图片管理" + "');</script>"; Page.RegisterStartupScript("message", retJs);2.父页面执行JS,弹出成功提示,关闭弹出窗口,设置当前操作TABS为选中//设置当前选中tab 阅读全文
posted @ 2011-07-15 18:06 dodo-yufan 阅读(5241) 评论(0) 推荐(0) 编辑
摘要:使用UPDATE方法updateparamUpdate the specified tab panel, the param parameter contains two properties:tab: the tab panel to be updated.options: the panel options.$('#div_sysconfig').tabs('update',{ tab:$('#div_sysconfig').tabs('getTab','首页图片管理'), options:{ selected 阅读全文
posted @ 2011-07-15 17:42 dodo-yufan 阅读(3448) 评论(0) 推荐(0) 编辑
摘要:查看属性1)title:该标题文本显示在面板头部。 2)iconCls:在面板上通过一个CSS类显示16x16图标。 3)width:设置面板宽度。默认auto。 4)height:设置面板高度。默认auto。 5)left:设置面板左边距。 6)top:设置面板顶部位置。 7)cls:在面板中增加一个Class类。 8)headerCls:在面板头部中增加一个Class类。9)bodyCls:在面板内容中增加一个Class类。 10)style:在面板中增加一个指定样式。11)fit:当True时设置该面板尺寸适合于它的父容器。默认false。 12)border:当定义时显示面板边界。默认 阅读全文
posted @ 2011-07-15 15:53 dodo-yufan 阅读(3576) 评论(0) 推荐(0) 编辑
摘要:加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery,否则为提示找不到datagridHtml代码 !--加载jquery--scripttype="text/javascript"src="plugins/jquery/jquery-1.4.2.min.js"/script!--加载jquery-easyui--linkrel="stylesheet"type="text/css"href="plugins/jquery/jquery-easyui-1.1.2/themes/default/easyui.css"linkre 阅读全文
posted @ 2011-01-04 19:20 dodo-yufan 阅读(128356) 评论(3) 推荐(3) 编辑
摘要:图片是easyui combox 文档的部分截图Js代码 alert("相似度为:"+$("#select_percent").combobox("getValue"));如其中的onChange事件Js代码 $('#select_percent').combobox({onChange:function(newValue,oldValue){alert(newValue);load(newValue);}});如其中的getValue方法Js代码 alert("相似度为:"+$("#select_percent").combobox("getValue")); 阅读全文
posted @ 2011-01-04 19:18 dodo-yufan 阅读(11312) 评论(0) 推荐(0) 编辑
摘要:当combox的值改变时触发,采用如下方式:界面Html代码 selectid="select_percent"class="easyui-combobox"name="dept"style="width:60px;"optionvalue="100"100%/optionoptionvalue="90"90%/optionoptionselectedvalue="80"80%/optionoptionvalue="70"70%/option/select获取combox的值Js代码 $('#select_percent').combobox({onCh 阅读全文
posted @ 2011-01-04 19:17 dodo-yufan 阅读(11891) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示