本篇文章探讨了jQuery教程之MiniUi绑定mini-combobox下拉框，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

<

 一：最先开始使用json字符串绑定combobox
[{"id":1,"value":"是","text":"是"},{"id":0,"value":"否","text":"否"}]
然后我忘记json字符串的格式了，id属性没有加"" ，combobox一直绑定不上数据，而且请注意text属性是combobox的显示值，value属性不是显示值
二：combobox的前端界面是
<input id="InUse" 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>
   

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！