jQuery MiniUI

标题: 怎么使mini.DataGrid 的列集合可以动态生成不同的控件 [打印本页]

作者: 502995680 时间: 2014-8-1 17:37:30 标题: 怎么使mini.DataGrid 的列集合可以动态生成不同的控件

本帖最后由 502995680 于 2014-8-1 17:46 编辑

效果解释：mini.DataGrid 载入数据的时候根据数据中的某字段如‘LX’，
当‘LX’为输入框时，该行该列单元格变为输入框，如‘LX’为下拉框时，该行该列单元格变为下拉框。
API代码如下例子，不能动态生成单元格，如使用renderer方法，return 返回的时候不能使用miniUI的控件，只能使用最基础的
html控件，求解决方案
<div id="datagrid1" class="mini-datagrid" style="width:700px;height:250px;"
url="../data/AjaxService.aspx?method=SearchEmployees"
>
<div property="columns">
      <div type="indexcolumn"></div>
      <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>
      <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
      <div header="工作信息">
         <div property="columns">
            <div field="dept_name" width="120" >所属部门
                  <input property="editor" class="mini-textbox" style="width:200px;"/>//定死
            </div>
            <div field="position_name" width="100" renderer="changetype">职位</div>
            <div field="salary" width="100" allowSort="true">薪资</div>
         </div>
   </div>
</div>
</div>
function changetype(e){
var record = e.record;
var LX = record.lx;//表示所要单元格的控件类型
if(LX=='下拉框'){
   return '<input  calsss="mini-combobox"  tyle="width:100%"/>';//无效
   return '<select />';//只能用基础的html下拉框
}
}

作者: 502995680 时间: 2014-8-1 18:00:56

已经找到解决方案
http://www.miniui.com/demo/#src=datagrid/celledit2.html

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