码迷,mamicode.com
首页 > 其他好文 > 详细

MiniUi绑定mini-combobox下拉框

时间:2017-07-13 20:18:41      阅读:7445      评论:0      收藏:0      [点我收藏+]

标签:开始   success   没有   下拉框   ring   var   serial   pts   app   

一:最先开始使用json字符串绑定combobox

[{"id":1,"value":"是","text":"是"},{"id":0,"value":"否","text":"否"}]

然后我忘记json字符串的格式了,id属性没有加"" ,combobox一直绑定不上数据,而且请注意text属性是combobox的显示值,value属性不是显示值

二:combobox的前端界面是

<input id="InUse" class="mini-combobox" url="@Url.Action("GetInUse")" style="width:150px;" textfield="text"   shownullitem="true" allowinput="true" />

而action里返回JsonResult或者string格式都可以

public JsonResult GetInUse()
        {
            List<JsonData> list = new List<JsonData>();
            list.Add(new JsonData() { id = 1, text = "" });
            list.Add(new JsonData() { id = 0, text = "" });

            return Json(list, JsonRequestBehavior.AllowGet);//这里使用的是get请求
        }

        public string GetInUse()
        {
            List<JsonData> list = new List<JsonData>();
            list.Add(new JsonData() { id = 1, text = "" });
            list.Add(new JsonData() { id = 0, text = "" });

            JavaScriptSerializer jsonSerializer = new JavaScriptSerializer();
            return  jsonSerializer.Serialize(list);
        }

三:除了使用MVC提供的 url="@Url.Action("GetInUse")" 的方式,还可以在页面加载的时候使用JavaScript为下拉框赋值

<script type="text/javascript">

    //方法一
    var InUse = mini.get("InUse");
    $.ajax({
        url: @Url.Action("GetInUse"),
        type: get,
        contentType: "application/json",
        success: function (jsonData) {
            if (jsonData) {
                InUse.load(jsonData);
            }
        }
    });
    //方法二
    $(document).ready(function () {
        var jsonData = [{ id: 1, text:  }, { id: 0, text:  }];
        mini.get("InUse").load(jsonData);
    })
</script>

 

MiniUi绑定mini-combobox下拉框

标签:开始   success   没有   下拉框   ring   var   serial   pts   app   

原文地址:http://www.cnblogs.com/xiaoyueryeah/p/7162013.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!