摘要:本篇文章探讨了jQuery教程之MiniUi绑定mini-combobox下拉框,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。
本篇文章探讨了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知识库!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号