2 litostes litostes 于 2013.08.28 10:35 提问

Jquery表单里colModel怎么显示男女

{name:'sex', index:'sex', width:'70', align:'center',editoptions:{value:’1:男;2:女’}},
这样不能显示

1个回答

xy1224657942
xy1224657942   2013.11.27 15:38
已采纳


注意jqGrid放grid.locale-cn.js的后面。否则会报错。

jQuery("#editgrid").jqGrid({
datatype: "local",
height: 450,
colNames:['编号','用户名', '性别', '邮箱', 'QQ','手机号','出生日期'],
colModel:[
{name:'id',index:'id', width:200, sorttype:"int"},
{name:'userName',index:'userName', width:200},
{name:'gender',index:'gender', width:90},
{name:'email',index:'email', width:125,sorttype:"string"},
{name:'QQ',index:'QQ', width:100},

{name:'mobilePhone',index:'mobilePhone', width:120},

{name:'birthday',index:'birthday', width:100, sorttype:"date"}

],
sortname:'id',
sortorder:'asc',
viewrecords:true,
rowNum:10,
rowList:[10,20,30],
pager:"#gridPager",
caption: ""
}).navGrid('#gridPager',{edit:true,add:true,del:true});

    var mydata = [
            {id:"1",userName:"polaris",gender:"男",email:"fef@163.com",QQ:"33334444",mobilePhone:"13223423424",birthday:"1985-10-01"},
            {id:"2",userName:"李四",gender:"女",email:"faf@gmail.com",QQ:"222222222",mobilePhone:"13223423",birthday:"1986-07-01"},
            {id:"3",userName:"王五",gender:"男",email:"fae@163.com",QQ:"99999999",mobilePhone:"1322342342",birthday:"1985-10-01"},
            {id:"4",userName:"马六",gender:"女",email:"aaaa@gmail.com",QQ:"23333333",mobilePhone:"132234662",birthday:"1987-05-01"}
            ];
    for(var i=0;i<=mydata.length;i++)
            jQuery("#editgrid").jqGrid('addRowData',i+1,mydata[i]);
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
动态显示男女性别的两种方法
方法一:在CS文件内使用RowDataBound事件CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->protected void gvCourseChoosed_RowDataBound(object
jqgrid 自动换行
http://www.w3.org/TR/html4/loose.dtd"> $(function() {  $("#detailAudit_grid").jqGrid({   url: 'getDetailData.action?id=${id}',   datatype: 'json',   altRows: true,   al
jqgrid colmodel格式化时间
在js中对应的时间标签这样写 { label: '创建时间', name: 'createTime', index: "create_time", width: 80,formatter:function(value,options,row){ return new Date(value).Format('yyyy-MM-dd hh:mm:ss');}} 在js的最后面加上下面的
jqGrid的ColModel属性说明
参考文章: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options ColModel是jqGrid里面最核心的属性。大部分配置都在这里面进行。所有的属性的含义对应如下: Property Type Description Default align
jqgrid动态列动态生成colModel和colNames
参考网站:http://blog.mn886.net/jqGrid/demo下载自该网站》参数-方法-事件-文档》新手demo下载》点击此处下载此demo在应用过程中稍作修改(只修改index.js文件):静态colModel:function pageInit(){ var jqdata=[{&quot;userid&quot;:01,&quot;username&quot;:&quot;皮皮虾&quot;,&quot;password&quot;:&quot;biubiubiu&quot;...
jqgrid ColModel的fixed属性
属性
jqGrid的colModel的formatter修改某列,进行各种操作,
{name: 'isFactorySend', fixed: true, width: '100px',formatter:isFactorySendBox} function isFactorySendBox(cellValue, options, rowObject){         return '';     } function checkSave(){      
jQuery判断男女是否选中及常用判断
$(document).ready(function() { $('#cmxform').submit(function() { var num = 0; if (($(":radio[name=gender][checked]").val()) == undefined || ($(":radio[name=gender][checked]").val()) =
JqGrid之ColModel API
属性 数据类型 备注 默认值 align string 定义单元格对齐方式;可选值:left, center, right. left classes string 设置列的css。多个class之间用空格分隔,如:'class1 class2' 。表格默认的css属性是ui-ellipsis empty string datefmt string
jqGrid-colModel之自定义输入函数 自定义edittype的控件类型
参考文章: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules#editable 参考文章中edittype:'custom'示例有些问题,正确调用请看下面例子。 本例子主要想实现input输入框的onclick事件。   colNames:['ID','用户名','密码','权限'],   colMo