jQuery MiniUI

标题: mini.CheckBox 无 Usage 介绍 [打印本页]

作者: itashu 时间: 2020-11-23 10:55:45 标题: mini.CheckBox 无 Usage 介绍

本帖最后由 itashu 于 2020-11-23 10:57 编辑

mini.CheckBox 无 Usage 介绍
[attach]13053[/attach]
官方文档，对于新手来说，有点晦涩难懂。
例如：
[attach]13054[/attach]
再者，有些属性或事件示例不完整，看着不知该如何使用。也许是在我太渣的原因。不过还是希望文档可以更易懂些。辛苦！

作者: felt 时间: 2020-11-23 11:28:49

http://www.miniui.com/demo/#src=checkbox/checkbox.html
参考这个示例

作者: itashu 时间: 2020-12-15 14:56:44

felt 发表于 2020-11-23 11:28
http://www.miniui.com/demo/#src=checkbox/checkbox.html
参考这个示例

好的，谢谢！

作者: itashu 时间: 2020-12-15 15:00:59

felt 发表于 2020-11-23 11:28
http://www.miniui.com/demo/#src=checkbox/checkbox.html
参考这个示例

现在有个新问题，页面存在2个 grid ，都设置的复选 <div type="checkcolumn"></div> ，但第一个显示成了单选。第一个有5行数据，且数据列是设置可编辑，但前3行不显示选中状态，数据列也无法在点击后出现编辑状态。
function rowclick(row) {
console.log(grid.getSelected()); // undefined
console.log(row) // 可返回数据
}
出现的问题，是 html 代码设置错了，还是什么地方可能导致这个问题？麻烦看看了！

作者: itashu 时间: 2020-12-15 15:13:05

felt 发表于 2020-11-23 11:28
http://www.miniui.com/demo/#src=checkbox/checkbox.html
参考这个示例

界面部分

<div id="datagrid1" class="mini-datagrid" onpreload="onpreload" style="height: 95%; float: left;" allowresize="true"
   allowcelledit="true" allowcellselect="true" onrowclick="rowclick"
   url="/" idfield="id" emptytext="数据为空，<a href='javascript:newRow()'>增加一条</a>" showemptytext="true" multiselect="false" showpager="false">
<div property="columns">
      <div type="checkcolumn"></div>
      <div header="" field="" headeralign="center" align="center">
         <input property="editor" class="mini-textbox" style="width: 100%;" />
      </div>

</div>
</div>
<div id="datagrid2" class="mini-datagrid" onpreload="onpreload" style="height: 95%; float: left;" allowresize="true"
   allowcelledit="true" allowcellselect="true"
   url="/" idfield="id" emptytext="数据为空，<a href='javascript:newRow()'>增加一条</a>" showemptytext="true" multiselect="true" showpager="false">
<div property="columns">
      <div type="checkcolumn"></div>
      <div header="" field="" headeralign="center" align="center">
         <input property="editor" class="mini-textbox" style="width: 100%;" />
      </div>
      <div header="" field="" headeralign="center" align="center" renderer="">
         <input property="editor" class="mini-combobox" style="width: 100%;" data="" textfield="text" valuefield="value" value="false" />
      </div>
</div>
</div>

作者: happylover1278 时间: 2020-12-15 15:18:47

本帖最后由 happylover1278 于 2020-12-15 15:33 编辑

itashu 发表于 2020-12-15 15:13
界面部分

第一个你的multiselect="false"啊哪里设置复选了而且你行field=""不绑定字段的么

作者: itashu 时间: 2020-12-15 15:36:32

happylover1278 发表于 2020-12-15 15:18
第一个你的multiselect="false"啊哪里设置复选了而且你行field=""不绑定字段的么
...

复选是我理解有误，我以为添加这个 <div type="checkcolumn"></div> 就是复选了。修改 multiselect="true" 后，出现复选框了，但前三行数据，依然是上面的情况，字段名那些是手动删除了。

作者: happylover1278 时间: 2020-12-15 15:42:37

itashu 发表于 2020-12-15 15:36
复选是我理解有误，我以为添加这个就是复选了。修改 multiselect="true" 后，出现复选框了，但前三行 ...

用你的结构addRow({})后没有问题，你@版主帮你看看吧

作者: itashu 时间: 2020-12-15 15:47:04

happylover1278 发表于 2020-12-15 15:42
用你的结构addRow({})后没有问题，你@版主帮你看看吧

好，谢谢了。怎么 @ 版主？直接回复？？？？

作者: happylover1278 时间: 2020-12-15 15:47:25

itashu 发表于 2020-12-15 15:36
复选是我理解有误，我以为添加这个就是复选了。修改 multiselect="true" 后，出现复选框了，但前三行 ...

不过你说前三行有问题，我怀疑是你数据的问题，是不是id之类的重复了

作者: itashu 时间: 2020-12-15 15:53:55

happylover1278 发表于 2020-12-15 15:47
不过你说前三行有问题，我怀疑是你数据的问题，是不是id之类的重复了

idfield="id" 数据里面的 ID 倒没重复

作者: itashu 时间: 2020-12-15 15:54:34

happylover1278 发表于 2020-12-15 15:47
不过你说前三行有问题，我怀疑是你数据的问题，是不是id之类的重复了

idfield="id" 数据里面的 ID 倒没重复

作者: felt 时间: 2020-12-15 17:05:25

itashu 发表于 2020-12-15 15:53
idfield="id" 数据里面的 ID 倒没重复

这两个表格有什么相互关系，数据是否有重复使用？
最好是带数据的例子，测试这html没发现问题

作者: itashu 时间: 2020-12-16 14:49:33

felt 发表于 2020-12-15 17:05
这两个表格有什么相互关系，数据是否有重复使用？
最好是带数据的例子，测试这html没发现问题 ...

enabled Boolean 是否禁用控件 true

问题找着了，是在 drawcell 时，设置了禁用 enabled 。

谢谢帮忙排查，刚接触，很多不熟悉，大家帮忙排查，才一遍遍查到问题所在。非常感谢！

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