首页 > 代码库 > MiniUi绑定mini-combobox下拉框
MiniUi绑定mini-combobox下拉框
一:最先开始使用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 = http://www.mamicode.com/[{ ‘id‘: ‘1‘, ‘text‘: ‘是‘ }, { ‘id‘: ‘0‘, ‘text‘: ‘否‘ }]; mini.get("InUse").load(jsonData); }) </script>
MiniUi绑定mini-combobox下拉框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。