生面别开

easyui的tree的属性比较限制，他的valueField和textField对应的值必须是"id"和"name"。从接口获取的数据却是这样的，或者其他的，他规定的属性名称不能是其他，所以要过滤匹配一下，它内部提供了loadFilter过滤方法，我们根据规则来写：function FormatTreeData(data) { if (data == undefine

问题是在左侧菜单折叠后，tabs的面板拉过来了，没有自适应。找了很多办法，改变宽度为：parent.width(),或用tabs的resize方法，都没用。最后是一个个找到了他们的样式，把宽度都改成了100%才行。因为他的样式的脚本自动生成的，所以css覆盖没有用，他用js脚本，我也用js脚本覆盖咯。$("#tabs").css("width", "100%");$(

使用EasyUI tab页面，加载页面的时候 可能会渲染很慢，体验不是很好，加一个简单的等待效果吧。使用此脚本需要先引入easyui.js基础脚本。var maskWidth = $(window).width();var maskHeight = $(window).height();var maskHtml = "<div id='maskLoading' class='p

上一篇中介绍了DataGrid 绑定键盘上下键 选择编辑行。这次介绍Datagrid锁定正在编辑单元格所在的列。 都是方便用户的操作。假设商品信息全部录入好，用户需要填写数量，价格之类的，当他按上下键的时候，到另一行，焦点就没有了。还需要手点到指定的单元格录入数据。思路：当用户单击单元格时候，会触发DataGrid 的onClickCell（in

$('#tabs').tabs('close', subtitle); if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { title: subtitle, content: createFrame(url),

如左边行号：解决一下，固定一下高度就好了。 onLoadSuccess: function () { ResetRender(); $('#projectList').datagrid('fixRowHeight') }

如图：当我编辑更新了datagrid一行中的数据，改行渲染的按钮就不见了。使用reload方法，可以加载出来，但是又会吧全部数据给重新加载一遍，不想这样。更新UI中的某个数据就好了，不必再去请求一次这么多数据。所以，在 更新行数据后，再渲染一次按钮就好了。 $("#tab").datagrid("updateRow", { inde

菜单效果如图：后台递归得到菜单树代码： /// /// 获取菜单树 /// /// 菜单父节点ID /// public IEnumerable GetList(string ParentID) { var list = Query(m => m.Par

效果如图：带footer的Datagrid的json数据格式：后端处理： public ActionResult GetList(string id) { HerbInOutStockPlanDetail_Repository rep = new HerbInOutStockPlanDetail_Repository();

效果：渲染easyui-datebox：重写验证easyui验证规则： $.extend($.fn.validatebox.defaults.rules, { equaldDate: { validator: function (value, param) { var start = $(para

效果如图：每次输入数据去匹配数据库数据，加载到下拉框中。边输入边加载，通常我们想到的就是文本框的onChange事件，不过这里用onchange，可以实现，但bug就太多了。每次点击文本框，就会触发datagrid的行单击事件，且每次输入保存后也会触发该事件，处理的东西很多。改进，我用了loader属性。 valueField: 'id', textFie

Datagrid行编辑， 通常我们是单击某一行进行编辑.但是当我们在录入单据的时候，每次录入一行数据就要用鼠标去点击，就不方便了。思路：编辑的时候，使用jQuery为行里面的元素绑定一个keydown事件就好了。 一般都是textbox，或combobox，他们生成的html元素都是  只是渲染的不同 具体可以查看DOM元素代码：在onBe

效果如图：在操作有些数据量较少数据的时候，我们经常会跳转到其他页面去操作，比如添加一个商品单位。如果在下拉选择单位的时候没有这个，我们可以在本页弹出对话框添加，也很方便。这里简单扩展,给Easyui Combobox下拉框后追加一个按钮。Easyui本身没有的功能，我们都可以操作DOM元素来进行扩展。思路：combobox下拉框就

主页Home/Index中使用tab管理，在主页中设置一个刷新的方法。/** * 刷新指定的tab里面的数据 * @param title 选项卡标题 * @param refreshTabFunc 自定义的刷新方法(再各个页面具体实现) */function refreshTabData(title,refreshGridFunc){ if ($("#tabs" ).t