jQuery MiniUI

标题: 单元格编辑 [打印本页]

作者: danishlyy 时间: 2018-6-21 10:08:44 标题: 单元格编辑

[attach]11007[/attach]
请教大佬个问题，下面原来是修改按钮，点击修改，前面三个type=checkbox的和发不开始结束日期可以修改，但是当我修改完时间以后，前面三个checkbox就自动禁用了，这个是因为什么？怎么解决？

function OnCellCommitEdit(e) {
var grid = e.sender;
var record = e.record;
var field = e.field, value = e.value;
grid.updateRow(record,{});
changeCheckboxState('2')
}

复制代码

这个是onCellCommitEdit事件，我在updateRow后面启用了checkbox，但是无效

作者: felt 时间: 2018-6-21 10:15:01

本帖最后由 felt 于 2018-6-21 10:17 编辑

你这处理逻辑我有点看懂，为何在commitedit事件中updateRow？还是个空数据？
请提供一个简单的html来重现你的问题。回复高级模式可以上传文件。

作者: danishlyy 时间: 2018-6-21 10:49:47

felt 发表于 2018-6-21 10:15
你这处理逻辑我有点看懂，为何在commitedit事件中updateRow？还是个空数据？
请提供一个简单的html来重现你 ...

<div id="datagrid" class="mini-datagrid" allowCellEdit="true" allowCellSelect="true" onlyCheckSelection="true" editNextOnEnterKey="true" editNextRowCell="true" oncellcommitedit="OnCellCommitEdit">
         <div property="columns">
            <div header="发布状态" headerAlign="center">
                  <div property="columns">
                     <div field="zxnb" name="zxnb" width="65px">中心内部</div>
                     <div field="scl" name="scl" width="55px">市残联</div>
                     <div field="xxzx" name="xxzx" width="65px">信息中心</div>
                  </div>
            </div>
            <div field="fbyxjsrq" name="fbyxjsrq" dateFormat="yyyy-MM-dd HH:mm:ss" headerAlign="center" width="150px">发布有效结束日期
                  <input ondrawdate="" class="mini-datepicker" property="editor" width="103"
                        format="yyyy-MM-dd HH:mm:ss" timeFormat="HH:mm:ss" showTime="true" showOkButton="false"
                        showClearButton="false" allowInput="false"/>
            </div>
         </div>
      </div>
</div>
<script type="text/javascript">
      mini.parse();
      var grid = mini.get("datagrid");

      function updateDataResource() {
         enableItems("1");
         grid.setAllowCellEdit(true);
      }
      function OnCellCommitEdit(e) {
         var grid = e.sender;
         var record = e.record;
         var field = e.field, value = e.value;
         grid.updateRow(record,{});
         changeCheckboxState('2')
      }
   function changeCheckboxState(lx){
         if(lx=='1'){//禁用
            $("input[type=checkbox]").each(function(){
                  $(this).attr("disabled",true);
            });
         }else if(lx=='2'){//启用
            $("input[type=checkbox]").each(function(){
                  $(this).attr("disabled",false);
            });
         }
      }
</script>

作者: danishlyy 时间: 2018-6-21 10:52:56

danishlyy 发表于 2018-6-21 10:49
中心内部
...

grid.on('drawcell',function(e){
            record = e.record,
            column = e.column;
         if(column.name == "zxnb" && e.row.zxnb=="1") {
            e.cellHtml='<input type="checkbox" checked="true"  disabled />'
         }else if(column.name == "zxnb" &&e.row.zxnb !='1') {
            e.cellHtml='<input type="checkbox"  disabled />'
         }
         if(column.name == "scl" &&e.row.scl=='2') {
            e.cellHtml='<input type="checkbox" checked="true"  disabled />'
         }else if(column.name == "scl" &&e.row.scl!='2'){
            e.cellHtml='<input type="checkbox"  disabled />'
         }
         if(column.name == "xxzx" &&e.row.xxzx=='3') {
            e.cellHtml='<input type="checkbox" checked="true" disabled />'
         }else if(column.name == "xxzx" &&e.row.xxzx!='3'){
            e.cellHtml='<input type="checkbox" disabled />'
         }
      });
      function enableItems(lx){
         var controls=mini.findControls(function(control){
            if(control.type=="textbox"||control.type=="checkboxlist"|| control.type=="combobox") return true;
         })
         $(controls).each(function(i,item){
            if(lx == '1'){
                  item.setEnabled(true);
                  changeCheckboxState('2')
                  mini.get("tjjgNo").setEnabled(false);
            }else{
                  item.setEnabled(false);
                  changeCheckboxState('1')
            }
         });
      }

作者: danishlyy 时间: 2018-6-21 10:54:58

commit事件不是提交编辑行吗？单元格编辑我不需要这个事件？我现在需求是只要发布开始结束日期可以修改和前面三个checkbox可以修改，其余不修改后台也只需要更新者几个字段

作者: felt 时间: 2018-6-21 12:12:25

danishlyy 发表于 2018-6-21 10:54
commit事件不是提交编辑行吗？单元格编辑我不需要这个事件？我现在需求是只要发布开始结束日期可以修改和前 ...

这是你自己绘制的checkbox
为何不用checkboxcolumn？
grid.on("cellbeginedit",function(e){
if(e.field==........){

}else{
e.cancel=true;//禁止编辑
}
})

作者: danishlyy 时间: 2018-6-21 12:35:15

felt 发表于 2018-6-21 12:12
这是你自己绘制的checkbox
为何不用checkboxcolumn？
grid.on("cellbeginedit",function(e){

我需要在我的那三个div下面加<input type=checkboxcolumn>？下面grid.on("drawcell”)替换为cellbeginedit？

作者: felt 时间: 2018-6-21 13:09:37

danishlyy 发表于 2018-6-21 12:35
我需要在我的那三个div下面加？下面grid.on("drawcell”)替换为cellbeginedit？

http://www.miniui.com/demo/#src=datagrid/celledit.html
参考我们示例里面checkboxcolumn的用法，这就是编辑

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