`
zfy421
  • 浏览: 234043 次
社区版块
存档分类
最新评论

jqGrid动态填充select下拉框的选项值

阅读更多

 

function gettypes(){

//动态生成select内容

var str="";

$.ajax({

type:"post",

async:false,

url:"checkpersontype",

success:function(data){

if (data != null) {

        var jsonobj=eval(data);

        var length=jsonobj.length;

        for(var i=0;i<length;i++){

            if(i!=length-1){

             str+=jsonobj[i].personType+":"+jsonobj[i].personType+";";

            }else{

               str+=jsonobj[i].personType+":"+jsonobj[i].personType;

            }

         }   

                //$.each(jsonobj, function(i){

                 //str+="personType:"+jsonobj[i].personType+";"

        //$("<option value='" + jsonobj[i].personType + "'>" + jsonobj[i].personType+ "</option>").appendTo(typeselect);

        //});

     }

            alert(str);

}

});

 return str;

    }

注意要return以及async:false否则没有效果

 

在colModel:中设置edittype:'select',editoptions:{value:gettypes()}就ok了

0
0
分享到:
评论

相关推荐

    jQGrid动态填充select下拉框的选项值(动态填充)

    动态填充select下拉框的选项值,意味着在表格加载或编辑时,根据服务器返回的数据或特定逻辑来生成并填充这些选项。这个过程通常包括以下步骤: 1. **设置列模型**:在初始化jQGrid时,我们需要为包含下拉框的列...

    jqgrid动态创建列与列合计事例

    jqgrid初始化时动态创建列并对这些列数值进行合计 生成动态列的数据源可以通过ajax获取或者前端自定义数据集

    \jqGrid中文说明文档-选项设置

    网上收藏的 jqGrid中文说明文档——选项设置 挺实用的

    jqgrid行编辑+动态为其他列赋值

    在本例中,我们将深入探讨如何实现"jqgrid行编辑+动态为其他列赋值"这一功能。 首先,我们需要理解jqGrid的行编辑功能。jqGrid允许用户在表格的每一行上进行编辑,这通常通过双击或点击编辑按钮来触发。默认情况下...

    jgrid实现列的动态

    - 通过遍历`privateItem`数组,结合`config`、`dtspatten`和`ismbb`的状态,动态填充`showClounm`数组,该数组最终决定了jGrid中实际显示的列集合。 ### 实现步骤详解: 1. **初始化列定义:** - 首先,通过`...

    jquery实现百度搜索关键字输入下拉框提示

    每当用户在搜索框中输入文字时,这段代码就会运行,获取输入值,并与后台数据(可能是预定义的关键词列表或者通过Ajax从服务器获取的实时数据)进行匹配。匹配到的关键词将被添加到下拉框中展示。 匹配和过滤的过程...

    jqGrid数据调用实例

    它基于jQuery库,提供了丰富的功能,如数据分页、排序、搜索、编辑等,支持JSON、XML、CSV等多种数据格式,适用于创建交互式的动态数据表格。本实例将深入探讨如何在实际项目中调用和使用jqGrid。 首先,我们需要在...

    数据表格JqGrid自适应列宽度

    4. **调整列宽的函数**:JqGrid提供了一些内置函数,如`setGridWidth`和`autoResizeAllColumns`,用于动态调整整个表格或单个列的宽度。开发者可以通过监听窗口的`resize`事件,调用这些函数来实现自适应。 5. **...

    jqGrid 属性中文配置文档

    在 searchOptions 选项或者 editOptions 选项属性设置中,可以通过设置 dataUrl 来获取生成一个 select 的下拉框内容的 URL。jqGrid 通过 ajax 的方式访问这个 URL 来自动获取可选择值。默认值为空对象,这个属性...

    jqGrid 4.6和4.7版本

    11. **API接口**:jqGrid提供了丰富的API,如`setGridParam`用于动态改变表格配置,`reloadGrid`用于重新加载数据,`getRowData`获取选定行的数据等,方便开发者进行程序控制。 12. **数据导出**:jqGrid支持将表格...

    jqGrid中文文档.doc

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作表格化的数据。在开始使用 jqGrid 之前,需要具备基本的 JavaScript 和...通过深入理解 jqGrid 的 API 和各种选项,可以定制化地满足不同场景的需求。

    jqGrid简单案例之API

    jqGrid是一款功能强大的JavaScript数据网格插件,常用于创建数据密集型Web应用,如报表、表格和数据库交互等。它支持多种数据格式,包括JSON、XML、CSV等,并且提供了丰富的API供开发者进行定制和扩展。 在“jqGrid...

    jqgrid加载本地数据并且分页例子

    通过这个示例,你可以了解到如何将本地数据与jqGrid结合,实现动态分页和排序,从而为用户提供更友好的数据浏览体验。在实际项目中,你可能需要根据具体需求调整jqGrid的配置,如添加自定义列处理函数,实现更复杂的...

    JqGrid插件+JqGridDemo+JqGrid主题

    2. 动态加载:JqGrid具备分页功能,能够根据用户的滚动或点击事件动态加载数据,减轻服务器负担并提升用户体验。 3. 排序与筛选:用户可以通过点击表头进行列排序,同时JqGrid还提供了高级的筛选功能,如条件筛选、...

    jqGrid demo (完整版)

    jqGrid 的功能可以通过配置选项进行定制。例如,可以设置列宽、标题、数据类型,以及是否启用分页、排序等功能。在 demo 中,你可以看到如何通过 JavaScript 代码配置这些选项。 5. **CSS 样式** "css" 文件夹...

    jqGrid4.6完整包

    4. **使用方法**:在 HTML 页面中引入 jqGrid 的 JS 和 CSS 文件,然后通过 JavaScript 创建表格并配置相关选项,例如设置数据源、列定义、编辑选项等。 5. **主要功能**: - 数据加载:支持 JSON、XML、HTML、...

    JQGrid 入门案例

    { name: '字段4', width: 120, editable: true, edittype: 'select', editoptions: { value: '选项1:选项1;选项2:选项2' } } ] ``` 对于文本框,我们只需要设置`editable: true`即可。 ### 5. 表单编辑与对话框 ...

Global site tag (gtag.js) - Google Analytics