jQuery MiniUI

 找回密码
 立即注册
查看: 1785|回复: 1
打印 上一主题 下一主题

动态生成grid列时如何添加过滤框 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2019-3-21 14:34:27 |只看该作者 |倒序浏览
通过这种方式添加的列,
grid.set({
    columns : columns
});

怎么添加过滤框? 只是设置showFilterRow="true" 出来的是空白
<div field="name" width="120" headerAlign="center" allowSort="true">姓名
       <input id="nameFilter" property="filter" class="mini-textbox" style="width:100%;" />
</div>


Rank: 8Rank: 8

沙发
发表于 2019-3-21 14:57:12 |只看该作者
  1. columns: [
  2.                     { type: "checkColumn" },
  3.                     { field: "loginname", header: "员工帐号", allowSort: true, headerAlign: "center", width: 120, editor: { type: "textbox", cls: "aa" }, filter: { type: "textbox", width: "100%", onValueChanged: onValueChanged }
  4.                     },
  5.                     { field: "name", header: "姓名", headerAlign: "center", width: 120, filter: { type: "filteredit", width: "100%", filterData: ageFilters} },
  6.                     { header: "工作信息", headerAlign: "center", columns: [
  7.                                 { headerStyle: "color:blue", field: "dept_name", header: "所属部门", width: 120 },
  8.                                 { field: "position_name", header: "职位", width: 100 },
  9.                                 { field: "salary", header: "薪资", dataType: "currency", currencyUnit: "¥", align: "right", width: 100, allowSort: true }
  10.                                 ]
  11.                     },
  12.                     { field: "createTime", header: "创建时间", headerAlign: "center", width: 100, dateFormat: "yyyy-MM-dd" },
  13.                     { header: "基本信息", columns: [
  14.                                 { header: "信息", columns: [
  15.                                    { field: "gender", header: "性别", width: 100, renderer: onGenderRenderer },
  16.                                    { field: "age", header: "年龄", width: 100, allowSort: true },
  17.                                    { field: "conutry", type:"comboboxColumn",header: "国家", width: 100, allowSort: true, editor: {type:"combobox",url:"../data/countrys.txt"} },
  18.                                    { field: "birthday", header: "出生日期", width: 100, renderer: onBirthdayRenderer }
  19.                                 ]
  20.                                 },
  21.                                { field: "married", header: "婚否", width: 100, align: "center", renderer: onMarriedRenderer },
  22.                                { field: "email", header: "邮箱", width: 100 }
  23.                                ]
  24.                     },
  25.                     { header: "学历信息", columns: [
  26.                               { field: "educational_name", header: "学历", width: 100 },
  27.                               { field: "school", header: "毕业院校", width: 120 }
  28.                               ]
  29.                     }

  30.                     ]
复制代码
需要在columns数据内包含filter

Archiver|普加软件

GMT+8, 2024-6-26 15:12 , Processed in 1.051502 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部