jQuery MiniUI

标题: radiobuttonlist怎么设置样式 [打印本页]
作者: fanbing1121    时间: 2014-3-10 14:46:27     标题: radiobuttonlist怎么设置样式

[attach]4068[/attach]
第一个圈圈里的3个radio，我用radiobuttonlist写的；
第二个红色圈圈的，是用原始的radion写的。
但是我想用radiobuttonlist实现第二种样式，就是【先发送后接受】变成红色字体。怎么做呢。

---radiobuttonlist代码如下：

<input name="sycj" class="mini-radiobuttonlist" repeatitems="1"  textfield="text"  valuefield="id" data="[{id:1,text:'调查<font>【先发送后接收】</font>'},{id:2,text:'自助查询【先接收后回复】'},{id:3,text:'通知【直接发送】'}]"   style="width:200px; padding:5px 0px;" />




作者: felt    时间: 2014-3-10 15:02:43

监听radiobuttonlist的ondrawitem事件  
function onDrawItem(e){
        var text=e.item.text;
        e.itemHtml='<span style="color:red;">'+text+'</span>';
}
作者: fanbing1121    时间: 2014-3-10 15:58:35

本帖最后由 fanbing1121 于 2014-3-10 16:02 编辑
felt 发表于 2014-3-10 15:02
监听radiobuttonlist的ondrawitem事件  
function onDrawItem(e){
        var text=e.item.text;

[attach]4071[/attach]

<input name="sycj" class="mini-radiobuttonlist" repeatitems="1"  textfield="text"  valuefield="id" data="[{id:1,text:'调查[先发送后接收]'},{id:2,text:'自助查询[先接收后回复]'},{id:3,text:'通知[直接发送]'}]"   style="width:200px; padding:5px 0px;"/>

function drawnItemAction(e){
                 var text=e.item.text;
                    e.itemHtml='<span style="color:red;">'+text+'</span>';
             }
作者: fanbing1121    时间: 2014-3-10 16:02:43

fanbing1121 发表于 2014-3-10 15:58
function drawnItemAction(e){
                 var text=e.item.text;
                    e.itemH ...

<input name="sycj" class="mini-radiobuttonlist" repeatitems="1"  textfield="text"  valuefield="id" data="[{id:1,text:'调查[先发送后接收]'},{id:2,text:'自助查询[先接收后回复]'},{id:3,text:'通知[直接发送]'}]" onvaluechanged="onsycjchanged"   style="width:200px; padding:5px 0px;" ondrawitem="drawnItemAction()"/>
作者: felt    时间: 2014-3-10 16:10:14

本帖最后由 felt 于 2014-3-10 16:11 编辑
fanbing1121 发表于 2014-3-10 16:02
拆一下就可以了
  1. <input name="sycj" class="mini-radiobuttonlist" repeatitems="1"  textfield="text"  valuefield="id" data="[{id:1,text:'调查[先发送后接收]'},{id:2,text:'自助查询[先接收后回复]'},{id:3,text:'通知[直接发送]'}]"   style="width:200px; padding:5px 0px;"
  2.   ondrawitem="onDrawItem"
  3. />
  4. <script type="text/javascript">
  5. mini.parse();
  6. function onDrawItem(e){
  7.     var text=e.item.text;
  8.     var data=text.split("[")
  9.     e.itemHtml=data[0]+'<span style="color:red;" >'+"["+data[1]+'</span>';
  10. }
  11. </script>
复制代码
作者: fanbing1121    时间: 2014-3-10 16:28:07

felt 发表于 2014-3-10 16:10
拆一下就可以了

搞不定啊。我这里一点效果都没有嘛。
作者: fanbing1121    时间: 2014-3-10 16:28:44

fanbing1121 发表于 2014-3-10 16:28
搞不定啊。我这里一点效果都没有嘛。

这个方法onDrwaItem都进不去
作者: felt    时间: 2014-3-10 16:30:43

fanbing1121 发表于 2014-3-10 16:28
搞不定啊。我这里一点效果都没有嘛。

[attach]4075[/attach]
把这个下载下来，放到试用包里demo/test文件夹下打开

作者: felt    时间: 2014-3-10 16:32:11

fanbing1121 发表于 2014-3-10 16:28
这个方法onDrwaItem都进不去

ondrawitem="drawnItemAction()"
把括号去掉
作者: fanbing1121    时间: 2014-3-10 17:06:20

felt 发表于 2014-3-10 16:32
ondrawitem="drawnItemAction()"
把括号去掉

搞了半天，是因为项目中miniUI版本的原因；
项目中版本是： MiniUI 1.4.004
最新版本是：jQuery MiniUI 3.3，这个版本可以用；
谢谢了；
作者: felt    时间: 2014-3-10 17:07:03

fanbing1121 发表于 2014-3-10 17:06
搞了半天，是因为项目中miniUI版本的原因；
项目中版本是： MiniUI 1.4.004
最新版本是：jQuery MiniUI 3 ...

请更新至最新版本。。。
作者: fanbing1121    时间: 2014-3-10 17:14:26

felt 发表于 2014-3-10 17:07
请更新至最新版本。。。

也想呀，公司有规定，不能随便更新，更新需要测试、入库，再领用；要么，只有重写一下radiolist加载时候的方法了；
作者: factory    时间: 2014-3-10 17:35:39

fanbing1121 发表于 2014-3-10 17:06
搞了半天，是因为项目中miniUI版本的原因；
项目中版本是： MiniUI 1.4.004
最新版本是：jQuery MiniUI 3 ...

1.0版本已经差不多是2年多前的时候的miniui了.
你还是更新下吧.把老的miniui备份下,因为1.0和2,3的跨度还是非常大的





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