radiobuttonlist怎么设置样式

fanbing1121

第一个圈圈里的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

监听radiobuttonlist的ondrawitem事件  
function onDrawItem(e){
        var text=e.item.text;
        e.itemHtml='<span style="color:red;">'+text+'</span>';
}

fanbing1121

felt 发表于 2014-3-10 15:02
监听radiobuttonlist的ondrawitem事件  
function onDrawItem(e){
        var text=e.item.text;

<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

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

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

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

搞不定啊。我这里一点效果都没有嘛。

fanbing1121

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

这个方法onDrwaItem都进不去

felt

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

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

felt

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

ondrawitem="drawnItemAction()"
把括号去掉

fanbing1121

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

搞了半天，是因为项目中miniUI版本的原因；
项目中版本是： MiniUI 1.4.004
最新版本是：jQuery MiniUI 3.3，这个版本可以用；
谢谢了；