如何在jqxGrid jquery中创建动态列

时间:2016-05-20 11:17:45

标签: jquery jqxgrid

我有一个jqxGrid,我需要用一些对象填充它。该对象完全随机,某些数据字段可能为空。只有当该数据存在于该对象中时,我才需要显示特定的coloumn。

columns: [
              { text: 'Application Id', filtertype: 'input', datafield: 'ApplicationId', cellsrenderer: AppIdRenderer, width: appId },
              { text: 'Name', columntype: 'textbox', filtertype: 'input', datafield: 'ApplicantName', width: Applicant },
              { text: 'Submitted Date', datafield: 'SubmitDate', filtertype: 'date', cellsalign: 'left', cellsformat: 'dd/MM/yyyy', width: ApplDate },
              { text: 'Last Action', datafield: 'LastActionDate', filtertype: 'date', cellsalign: 'left', cellsformat: 'dd/MM/yyyy', width: ApplDate },
              { text: 'University', columntype: 'textbox', filtertype: 'checkedlist', datafield: 'AppType', width: UTYApplied },
              { text: 'Course Applied', columntype: 'textbox', filtertype: 'checkedlist', datafield: 'AppliedCourse', width: ApplCourse },
              { text: 'Latest Comments', columntype: 'textbox', filtertype: 'input', datafield: 'LatestComments', width: ApplCourse },
              { text: 'AppStatus', datafield: 'AppStatus' },
              { text: 'Status', columntype: 'textbox', filtertype: 'checkedlist', datafield: 'Status', width: ApplCourse }
]

例如:只有在数据字段“LatestComments”出现时才需要显示coloumn“LatestComments”。

1 个答案:

答案 0 :(得分:2)

您对如何使用jqxGrid(本地数据源,远程数据源)等几乎没有写。这对于提出解决方案可能是必不可少的。

如果我正确理解了您的问题,您要么隐藏或显示整列,是否在每个行中某个数据字段是完全未定义的还是至少特别填充了数据。

为此,您需要处理数据并检查这种情况(遍历每一行,检查数据字段是否包含数据至少一次)。然后,在bindingcomplete回调中,遍历每一列并应用showcolumnhidecolumn