Ajax-combobox动态绑定数据

前端之家收集整理的这篇文章主要介绍了Ajax-combobox动态绑定数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

  分享一个常用的知识点,最近在项目中用到了,弄这块的时候废了不少劲。

  项目中用到的控件是easyui-comboBox,下拉框中加载数据库中的数据。
  
  下面是一个简单的例子:

Html

仓库:<input id="select_storage" class="easyui-comboBox" data-options="editable:true,valueField:'id',textField:'text',width:80"/>

Js

//窗体加载时执行
$(document).ready(function () {

 //获取所有仓库名称 
    $.ajax({
        type: "GET",url: "/WarehousingLog/QueryAllStorageName",dataType: "json",success: function (data) {

            //测试是否有数据传入
            if (data.length >= 0) {
                alert("仓库有数据!");

                //定义一个变量存放数据
                var data1 = [{ 'text': '','id': '' }];
                //循环,向变量里添加数据
                for (var i = 0; i < data.length; i++) {
                    data1.push({ "text": data[i].StorageName,"id": data[i].StorageID });//text为元素的文本内容,id为该元素的value值
                }

                //在下拉框中加载变量中的数据
                $('#select_storage').comboBox("loadData",data1);
                // .datafrid为table加载
            }
        },error: function (data) {
            alert('系统出错了,请联系管理员!');
        }
    })


})//窗体加载

Controller

public JsonResult QueryAllStorageName()
        {
            WarehousingLogBLL item = new WarehousingLogBLL();
            List<T_Storage> list = storage.QueryAllStorage ();           
            return Json (list,JsonRequestBehavior.AllowGet );
        }
原文链接:https://www.f2er.com/ajax/160692.html

猜你在找的Ajax相关文章