jQuery MiniUI

标题: 动态列如何设置查询 [打印本页]

---

作者: 桃子fly    时间: 2017-3-9 15:28:52     标题: 动态列如何设置查询

请问动态列怎么设置查询
var strs="{columns:[ {type:'checkcolumn'},{field:'Project', headerAlign: 'center',align:'left', header: 'Project',columns:[{ field: 'Project', width:120,headerAlign:'center',align:'left',header:'项目'}]},{field:'Specialty', headerAlign: 'center',align:'left', header: 'Specialty',columns:[{ field:'Specialty', width:120, headerAlign:'center',align:'left', header:'专业' }]},{field:'MainOrAux', headerAlign: 'center',align:'left', header: 'Main/Auxiliary Material',columns:[{ field:'MainOrAux', width:120, headerAlign:'center',align:'left', header:'主材/辅材' }]},{field:'Category', headerAlign: 'center',align:'left', header: 'Category',columns:[{ field:'Category', width:120, headerAlign:'center',align:'left', header:'类别' }]},{field:'MalCode', headerAlign: 'center',align:'left', header: 'Mal Code',columns:[{ field:'MalCode', width:120, headerAlign:'center',align:'left', header:'物料号' }]},{field:'Name', headerAlign: 'center',align:'left', header: 'Name',columns:[{ field:'Name', width:120, headerAlign:'center',align:'left', header:'名称' }]}";

属性是都写在字符串中了，我自己做的查询是在input中加的，请问要怎么添加进去？？？

---

作者: dforce    时间: 2017-3-9 16:06:48

设置什么查询？过滤行？
{field:'Project', headerAlign: 'center',align:'left', header: 'Project',filter:{type:'textbox',width:'100%'},columns:[{ field: 'Project', width:120,headerAlign:'center',align:'left',header:'项目'}]}

---

作者: 桃子fly    时间: 2017-3-9 16:54:12

dforce 发表于 2017-3-9 16:06
设置什么查询？过滤行？
{field:'Project', headerAlign: 'center',align:'left', header: 'Project',filte ...

是的，行过滤。请问单条编辑的属性是什么？还有过滤的方法要添加到哪？

---

作者: dforce    时间: 2017-3-9 17:19:04

桃子fly 发表于 2017-3-9 16:54
是的，行过滤。请问单条编辑的属性是什么？还有过滤的方法要添加到哪？ ...

1 表格设置showFilterRow="true"
2 需要加过滤器的列{ field: "客户编码", header: "客户编码", headerAlign: "center" filter: { type: "textbox", onvaluechanged: "onValueChanged",id:"f1"}}
3 定义方法处理过滤  function onValueChanged(e){
        var value=e.value;
        grid.filter(function(row){
        ....
       })
  }

---

作者: 桃子fly    时间: 2017-3-9 17:46:19

dforce 发表于 2017-3-9 17:19
1 表格设置showFilterRow="true"
2 需要加过滤器的列{ field: "客户编码", header: "客户编码", headerAl ...

我按照上面方法写了，但是还是不能编辑，这是我的代码：

1. function onValueChanged(e){
   
2.         var value=e.value;
   
3.         var projectFifter = mini.get("ProjectFifter");
   
4.         var projectfifter = projectFifter.getValue().toLowerCase();
   
5.         grid.filter(function(row){
   
6.         var r1 = true;
   
7.             if (projectfifter) {
   
8.                 r1 = String(row.projectfifter).toLowerCase().indexOf(projectfifter) != -1;
   
9.             }
   
10.             return r1 ;
    
11.        });
    
12.   }

复制代码

html：

1. <div class="mini-fit">
   
2.                     <div class="portlet-body" style="height: 100%">
   
3.                         <div id="CLXJ_BOM"   class="mini-datagrid"  idfiled="BOM_Id"  visible="true"  width="917"  allowSortColumn="false"  allowalternating="false"  height="566"
   
4.                         allowCellSelect="true"  pageSize="50"  multiSelect="true"  allowCellEdit="true"  fitColumns=""  SummaryColumns=""  allowResize="true"  
   
5.                         style="width: 100%; height: 100%;"   showsummaryrow="true" data-options="{lazyload:true}" editNextOnEnterKey="true"  editNextRowCell="true" showFilterRow="true">
   
6.                             <div property="columns">
   
7.                            
   
8.                             </div>
   
9.                     </div>
   
10.                   </div>
    
11.                 </div>

复制代码

字符串：

1. var strs="{columns:[ {type:'checkcolumn'},{field:'Project', headerAlign: 'center',align:'left', header: 'Project',filter:{type:'textbox',onvaluechanged:'onValueChanged',id:'ProjectFifter'},columns:[{ field: 'Project', width:120,headerAlign:'center',align:'left',header:'项目'}]},{field:'Specialty', headerAlign: 'center',align:'left', header: 'Specialty',columns:[{ field:'Specialty', width:120, headerAlign:'center',align:'left', header:'专业' }]},{field:'MainOrAux', headerAlign: 'center',align:'left', header: 'Main/Auxiliary Material',columns:[{ field:'MainOrAux', width:120, headerAlign:'center',align:'left', header:'主材/辅材' }]},{field:'Category', headerAlign: 'center',align:'left', header: 'Category',columns:[{ field:'Category', width:120, headerAlign:'center',align:'left', header:'类别' }]},{field:'MalCode', headerAlign: 'center',align:'left', header: 'Mal Code',columns:[{ field:'MalCode', width:120, headerAlign:'center',align:'left', header:'物料号' }]},{field:'Name', headerAlign: 'center',align:'left', header: 'Name',columns:[{ field:'Name', width:120, headerAlign:'center',align:'left', header:'名称' }]}";

复制代码

---

作者: dforce    时间: 2017-3-9 18:55:46

桃子fly 发表于 2017-3-9 17:46
我按照上面方法写了，但是还是不能编辑，这是我的代码：html：字符串：

[attach]8928[/attach]复制你的代码稍微改了下，没发现不能编辑

---

作者: 桃子fly    时间: 2017-3-10 17:51:24

dforce 发表于 2017-3-9 18:55
复制你的代码稍微改了下，没发现不能编辑

谢谢版主，弄好了

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2