jQuery MiniUI

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

mini.CheckBox 无 Usage 介绍 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2020-11-23 10:55:45 |只看该作者 |倒序浏览
本帖最后由 itashu 于 2020-11-23 10:57 编辑

mini.CheckBox 无 Usage 介绍

官方文档,对于新手来说,有点晦涩难懂。
例如:

再者,有些属性或事件示例不完整,看着不知该如何使用。也许是在我太渣的原因。不过还是希望文档可以更易懂些。辛苦!
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2020-11-23 11:28:49 |只看该作者

Rank: 1

板凳
发表于 2020-12-15 14:56:44 |只看该作者
felt 发表于 2020-11-23 11:28
http://www.miniui.com/demo/#src=checkbox/checkbox.html
参考这个示例

好的,谢谢!

Rank: 1

地板
发表于 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 代码设置错了,还是什么地方可能导致这个问题 ?麻烦看看了!

Rank: 1

5#
发表于 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>

Rank: 6Rank: 6

6#
发表于 2020-12-15 15:18:47 |只看该作者
本帖最后由 happylover1278 于 2020-12-15 15:33 编辑
itashu 发表于 2020-12-15 15:13
界面部分

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

Rank: 1

7#
发表于 2020-12-15 15:36:32 |只看该作者
happylover1278 发表于 2020-12-15 15:18
第一个你的multiselect="false"啊   哪里设置复选了    而且你行field=""不绑定字段的么
...

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

Rank: 6Rank: 6

8#
发表于 2020-12-15 15:42:37 |只看该作者
itashu 发表于 2020-12-15 15:36
复选是我理解有误,我以为添加这个  就是复选了。 修改 multiselect="true"  后,出现复选框了,但前三行 ...

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

Rank: 1

9#
发表于 2020-12-15 15:47:04 |只看该作者
happylover1278 发表于 2020-12-15 15:42
用你的结构addRow({})后没有问题,你@版主帮你看看吧

好,谢谢了。怎么 @ 版主 ? 直接回复 ????

Rank: 6Rank: 6

10#
发表于 2020-12-15 15:47:25 |只看该作者
itashu 发表于 2020-12-15 15:36
复选是我理解有误,我以为添加这个  就是复选了。 修改 multiselect="true"  后,出现复选框了,但前三行 ...

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

Archiver|普加软件

GMT+8, 2024-11-22 21:08 , Processed in 1.061517 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部