1. 程式人生 > >MiniUi綁定mini-combobox下拉框

MiniUi綁定mini-combobox下拉框

spa 顯示 new req result style 註意 mini logs

一:最先開始使用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下拉框