jQuery MiniUI

标题: 请问celledit2的例子中，如何设置buttonedit 的emptyText displayField [打印本页]
作者: svga    时间: 2014-3-10 10:18:26     标题: 请问celledit2的例子中，如何设置buttonedit 的emptyText displayField

请问celledit2的例子中，如何使用 buttonedit 来作为一个editor？
如何设置emptyText displayField  readOnly 等属性？

http://www.miniui.com/demo/datagrid/celledit2.html


作者: lost    时间: 2014-3-10 10:29:47

  1. <div style="display:none;">
  2.         <input class="mini-textbox" emptyText="请输入商品编号" readOnly="true" id="textboxEditor" />
  3.         <input class="mini-spinner" id="spinnerEditor" />
  4.         <input class="mini-datepicker" id="datepickerEditor" />
  5.         <input class="mini-timespinner" id="timeEditor" />
  6.         <input class="mini-combobox" id="booleanEditor" data="booleanData"/>
  7.         <input class="mini-combobox" id="countrysEditor" url="../data/countrys.txt"/>
  8.     </div>  //这个修改你的需要的buttonedit的控件来做editor.属性也是在这里添加
复制代码
作者: svga    时间: 2014-3-10 10:37:58

lost 发表于 2014-3-10 10:29

        {id:"1", name: "科目", value: "abc", field: "account_id", displayField:"account_name", readOnly:"true", editor: "buttonedit"},       

<input class="mini-buttonedit" id="buttoneditEditor" />

我做了这样的修改， 这样设置好像不对额。
作者: svga    时间: 2014-3-10 10:41:53

lost 发表于 2014-3-10 10:29

我改成了下面的代码：
<input class="mini-buttonedit" id="buttoneditEditor", field="value" displayField="value" readOnly="true" onbuttonclick="onButtonEdit"/>
        function onButtonEdit(e) {
            alert("弹出选择");
        }
ButtonEdit得到焦点的时候，输入框变成了空白， onButtonEdit 也不起作用
作者: factory    时间: 2014-3-10 11:00:35

svga 发表于 2014-3-10 10:37
{id:"1", name: "科目", value: "abc", field: "account_id", displayField:"account_name", readOnly:" ...

动态创建列,editor需要一个对象

editor: {type:"buttonedit" epmtyText:"xxxxx"},        
作者: svga    时间: 2014-3-10 11:07:33

factory 发表于 2014-3-10 11:00
动态创建列,editor需要一个对象

editor: {type:"buttonedit" epmtyText:"xxxxx"},

不是很明白额， 能给个稍微完整点的例子么？ 谢谢了
作者: lost    时间: 2014-3-10 11:13:16

svga 发表于 2014-3-10 11:07
不是很明白额， 能给个稍微完整点的例子么？ 谢谢了

http://www.miniui.com/demo/#src=datagrid/setcolumns.html
这个是动态创建列是示例
作者: felt    时间: 2014-3-10 11:13:17

svga 发表于 2014-3-10 11:07
不是很明白额， 能给个稍微完整点的例子么？ 谢谢了

你现在是动态生成列还是像celledit2一样，根据数据来生成不同的编辑器？
作者: svga    时间: 2014-3-10 11:25:25

felt 发表于 2014-3-10 11:13
你现在是动态生成列还是像celledit2一样，根据数据来生成不同的编辑器？

我要象CELLEDIT2一样，根据数据生成不同的编辑器，
每个编辑器可以根据数据弹出不同的页面来选择输入

我想知道miniui是否可以做到？
作者: svga    时间: 2014-3-10 11:38:45

自己订一下
作者: svga    时间: 2014-3-10 11:39:52

如果不可以用datagrid做到，我只能用table自己画假的表格来做了。
如果datagrid可以做到是最好。
作者: lost    时间: 2014-3-10 12:05:49

svga 发表于 2014-3-10 11:38
自己订一下

可以的。你下载看下示例[attach]4066[/attach]
作者: svga    时间: 2014-3-10 12:49:03

lost 发表于 2014-3-10 12:05
可以的。你下载看下示例

我测试了你的例子，两个问题：
1. onButtonEdit 不起作用，好像就没有触发
2. 怎么设置 field和displayfield 这两个字段呢，你的例子好像只有个VALUE
作者: lost    时间: 2014-3-10 13:03:06

svga 发表于 2014-3-10 12:49
我测试了你的例子，两个问题：
1. onButtonEdit 不起作用，好像就没有触发
2. 怎么设置 field和displayfi ...

1.onbuttonclick="onButtonEdit" 事件是可以激发的。刚刚示例中不是写了readOnly="true"吗？禁用了当然不激发了。
2.field和displayfield 是设置在列上的，不明白你为什么要设置在编辑器
作者: factory    时间: 2014-3-10 13:07:12

svga 发表于 2014-3-10 12:49
我测试了你的例子，两个问题：
1. onButtonEdit 不起作用，好像就没有触发
2. 怎么设置 field和displayfi ...

不是没有触发,是因为设置了readOnly="true",只读了,当然点上去没效果了

field和displayfield  一个是负责单元格的值,一个负责单元格显示的问题

如果你的列是type="comboboxcolumn" 并且单元格的文本和值就是编辑器combobox的下拉框里面的数据,那么不需要displayField,只需要type="comboboxcolumn"  field="xxx" 即可,表格自动会去根据该单元格的值,去把下拉框中的对应的文本匹配出来,显示到单元格上
作者: svga    时间: 2014-3-10 13:34:33

factory 发表于 2014-3-10 13:07
不是没有触发,是因为设置了readOnly="true",只读了,当然点上去没效果了

field和displayfield  一个是负 ...

我只希望用户选择，而不是输入，所以设置readonly=true
我要选择的是个复杂界面，所以也没法用combobox

buttonedit我记得不是设置readonly只是无法输入，而不是无法点击按钮么？

按照你的描述， 是不是无法用现成的方法来实现我的需求？
作者: factory    时间: 2014-3-10 13:39:17

svga 发表于 2014-3-10 13:34
我只希望用户选择，而不是输入，所以设置readonly=true
我要选择的是个复杂界面，所以也没法用combobox

allowInput="false" 就可以了,不妨碍你点击按钮,也不能手动录入
作者: svga    时间: 2014-3-10 14:29:08

factory 发表于 2014-3-10 13:39
allowInput="false" 就可以了,不妨碍你点击按钮,也不能手动录入

OK， 经过测试，应该可以使用了， 谢谢
作者: svga    时间: 2014-3-18 16:51:11

svga 发表于 2014-3-10 14:29
OK， 经过测试，应该可以使用了， 谢谢

editButton 没问题了， 但是textbox 又有问题了，

我是如下设置 field 和 displayfield，
<div field="value"  displayField="display" width="100" allowSort="true" >值</div>  
data3.txt 是  {id:"0", name: "字符串", value: "abc", editor: "textbox"},       
但是因为我设置了displayField， textbox编辑结束了，字段内就显示空白， 要在哪个事件里面设置 displayField 才可以正常显示？
作者: svga    时间: 2014-3-18 17:05:49

factory 发表于 2014-3-10 13:39
allowInput="false" 就可以了,不妨碍你点击按钮,也不能手动录入

另外还有个问题， 我如何设置， 某些行是必填的， 某些行不是必填的。  必填的在用户开始输入之前就要显示黄色
作者: lost    时间: 2014-3-18 17:27:04

本帖最后由 lost 于 2014-3-18 17:29 编辑
svga 发表于 2014-3-18 17:05
另外还有个问题， 我如何设置， 某些行是必填的， 某些行不是必填的。  必填的在用户开始输入之前就要显 ...

http://www.miniui.com/demo/#src=datagrid/celledit2.html
这个更新下新版的miniUI，看上面示例第一个是textbox不会出现显示空白。
必须填写的显示黄色，你可以参考http://www.miniui.com/demo/#src=datagrid/datagrid.html
新增按钮的那个子页面中的验证。
作者: svga    时间: 2014-3-18 17:50:17

lost 发表于 2014-3-18 17:27
http://www.miniui.com/demo/#src=datagrid/celledit2.html
这个更新下新版的miniUI，看上面示例第一个是t ...

我要在grid里面做textbox的必填验证， 而且我在grid里面有些行的textbox是不必填，有些是必填的， 怎么处理呵？
作者: factory    时间: 2014-3-19 09:58:56

svga 发表于 2014-3-18 17:50
我要在grid里面做textbox的必填验证， 而且我在grid里面有些行的textbox是不必填，有些是必填的， 怎么处 ...

监听表格oncellvalidation事件,自己做判断
http://www.miniui.com/demo/#src=datagrid/cellvalidation.html



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2