jQuery MiniUI

标题: CheckBoxList的值问题 [打印本页]

作者: wudigongzi 时间: 2013-12-18 15:39:14 标题: CheckBoxList的值问题

我的代码如下：
<div id="fztype" name="fztype"class="mini-checkboxlist" repeatItems="3"
repeatLayout="table" textField="projectname"
valueField="id" value="id" url="../ApplySampleController/getProjectByInput.do?typelevel=1&paraenttype=1000">
</div>

做数据提交的时候用id没问题，
但是如果我在做valuechanged事件的时候，该怎么获得相对应的textField 内选择值呢？
var fztype =mini.get("fztype");
fztype.on("valuechanged",function(e){
alert(this.getValueField());
});

这样的代码测试后明显感到不对。。。

作者: felt 时间: 2013-12-18 15:47:46

var fztype =mini.get("fztype");
fztype.on("valuechanged",function(e){
      var items=fztype.getSelecteds();  //获取所有选中的数据
      for(var i=0;i<items.length;i++){
         alert(item[i].text)
}
});

作者: wudigongzi 时间: 2013-12-18 16:22:51

felt 发表于 2013-12-18 15:47
var fztype =mini.get("fztype");
fztype.on("valuechanged",function(e){
var items=fztype.getSe ...

对了，miniui里面有没有针对jquery的反射做的封装呢？有没有什么例子呢？

作者: factory 时间: 2013-12-18 17:12:28

wudigongzi 发表于 2013-12-18 16:22
对了，miniui里面有没有针对jquery的反射做的封装呢？有没有什么例子呢？

你指的jquery的反射是什么?

作者: wudigongzi 时间: 2013-12-19 09:49:03

factory 发表于 2013-12-18 17:12
你指的jquery的反射是什么?

就是好比根据传入的方法名或者属性值去调用方法或者查找属性，类似于java的.class这种。。。另外，请问下，checkboxlist有没有类似mouseover的事件？当鼠标移动到某一个选项上后进行触发呢？

作者: factory 时间: 2013-12-19 10:20:22

本帖最后由 factory 于 2013-12-19 10:23 编辑

wudigongzi 发表于 2013-12-19 09:49
就是好比根据传入的方法名或者属性值去调用方法或者查找属性，类似于java的.class这种。。。另外，请问下 ...

1.miniui的所有属性都可以 obj.set({value:"aaaa"})
但是方法只能是obj.setValue()这种来调用方法

2.目前只能没有mouseover事件,你鼠标移上去需要做什么效果

作者: wudigongzi 时间: 2013-12-19 10:31:18

factory 发表于 2013-12-19 10:20
1.miniui的所有属性都可以 obj.set({value:"aaaa"})
但是方法只能是obj.setValue()这种来调用方法

我想要做到把鼠标移上去后把这个该项的解释进行显示，然后移开后该解释就消失。。。类似于datagrid中数据显示不全后，鼠标移动上去会显示完整数据这种效果，只不过现在需要显示的是另外一个字段而已

作者: factory 时间: 2013-12-19 10:55:18

wudigongzi 发表于 2013-12-19 10:31
我想要做到把鼠标移上去后把这个该项的解释进行显示，然后移开后该解释就消失。。。类似于datagrid中数据 ...

tip.set({
target: document,
selector: '.showCellTooltip'

这里的selector,改成 checkboxlist的项的样式
.mini-checkboxlist-td 试试

http://www.miniui.com/demo/index.html#src=tooltip/grid.html

作者: wudigongzi 时间: 2013-12-19 12:24:06

factory 发表于 2013-12-19 10:55
tip.set({
target: document,
selector: '.showCellTooltip'

那checkboxlist里面应该怎么些才能去触发呢？datagrid通过对cell进行处理后触发。。。checkboxlist里面有什么可以触发的？。。。

作者: factory 时间: 2013-12-19 13:20:27

wudigongzi 发表于 2013-12-19 12:24
那checkboxlist里面应该怎么些才能去触发呢？datagrid通过对cell进行处理后触发。。。checkboxlist里面有 ...

作者: wudigongzi 时间: 2013-12-19 13:50:09

factory 发表于 2013-12-19 13:20
var tip = new mini.ToolTip();
tip.set({
target: document,

那我应该如何进行区别对待呢？。。。这种做法是将所有的checkboxlist进行了触发。。。如果想要自己设定哪些要进行触发该如何做呢？

作者: wudigongzi 时间: 2013-12-19 14:36:10

factory 发表于 2013-12-19 13:20
var tip = new mini.ToolTip();
tip.set({
target: document,

那我应该如何进行区别对待呢？。。。这种做法是将所有的checkboxlist进行了触发。。。如果想要自己设定哪些要进行触发该如何做呢？

作者: factory 时间: 2013-12-19 14:48:30

wudigongzi 发表于 2013-12-19 14:36
那我应该如何进行区别对待呢？。。。这种做法是将所有的checkboxlist进行了触发。。。如果想要自己设定哪 ...

selector:"#id .mini-checkboxlist-td"

用id来区分

作者: wudigongzi 时间: 2013-12-19 14:59:36

本帖最后由 wudigongzi 于 2013-12-19 15:01 编辑

factory 发表于 2013-12-19 14:48
selector:"#id .mini-checkboxlist-td"

用id来区分

貌似没用。。。
我将我代码里改成了这样后
selector : '#setsid.mini-checkboxlist-td'
就没有响应了。。。其中setsid对应的代码如下：
<input name="setsid" id="setsid" required="false" class="mini-checkboxlist" repeatItems="100"
repeatLayout="table" repeatDirection="vertical" textField="packagename" valueField="packageid"
value="packageid" url="../ApplySampleController/getPackagePrice.do"
/>

var tip = new mini.ToolTip();
tip.set( {
target : document,
selector : '#setsid.mini-checkboxlist-td',
onbeforeopen : function(e) {
e.cancel = false;
},
onopen : function(e) {
tip.setContent("aaaaa");
}
});

作者: factory 时间: 2013-12-19 15:30:21

wudigongzi 发表于 2013-12-19 14:59
貌似没用。。。
我将我代码里改成了这样后
selector : '#setsid.mini-checkboxlist-td'

selector 的id和class之间空格

作者: wudigongzi 时间: 2013-12-19 16:18:38

factory 发表于 2013-12-19 15:30
selector 的id和class之间空格

这个可以了，另外想问下，tooltip内我怎么才能获得checkboxlist内指的那条数据所对应的json数据？。。。

作者: factory 时间: 2013-12-19 17:01:31

wudigongzi 发表于 2013-12-19 16:18
这个可以了，另外想问下，tooltip内我怎么才能获得checkboxlist内指的那条数据所对应的json数据？。。。 ...

onopen:function(e){
e.element.innerText
}

作者: wudigongzi 时间: 2013-12-19 17:05:03

factory 发表于 2013-12-19 17:01
onopen:function(e){
e.element.innerText
}

...很明显不是。。。innertext里面显示的当前这条数据所显示的内容。。。而我想要的是这条数据的id这种。。。就算获得不到整条json数据，也至少给我个id好让我后台ajax查询一下。。。

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