이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 17243|회답: 5

[이지UI] EasyUI 데이터그리드 테이블은 필드 컬럼을 동적으로 바인딩합니다

[링크 복사]
게시됨 2015. 10. 29. 오전 10:22:42 | | |
먼저, 엔터티 클래스를 정의하세요
  1. public class DataGridModel
  2.     {
  3.         public string field { get; set; }
  4.         public string title { get; set; }
  5.         public int width { get; set; }
  6.     }
코드 복사


그 다음, 동적으로 바인딩된 데이터 리스트를 루프 안에 추가해야 합니다DataGridModel plus 속성:


  1. var dgList = new List<DataGridModel>();
  2.             list.ForEach(x =>
  3.             {
  4.                 dgList.Add(new DataGridModel
  5.                 {
  6.                     field = x.name,
  7.                     title = x.bewrite,
  8.                     width = 100
  9.                 });
  10.             });
코드 복사


마지막으로, 전경 ajax가 post 요청을 보내고 열을 동적으로 바인딩합니다:

  1. var Extcredits = $("#Extcredits").val();
  2.             var id = $("#id").val();
  3.             $.post("/Home/JsonDictionarys", "id=" + Extcredits, function (data) {
  4.                 var arr = [];
  5.                 arr.push(data.Data);
  6.                 $('#dg').datagrid({
  7.                     url: '/BoardRoom/GetJoinBoardRoomUser/',
  8.                     type: "post",
  9.                     rownumbers: true,
  10.                     pagination:true,
  11.                     queryParams: {
  12.                         id: id
  13.                     },
  14.                     fitColumns: true,
  15.                     singleSelect: true,
  16.                     columns: arr
  17.                 });
  18.             });
코드 복사






이전의:JQuery EasyUI DataGrid는 데이터 콘텐츠를 정기적으로 새로고침합니다
다음:DataTable의 모든 필드 이름을 중국어로 번역한 후 반환합니다
게시됨 2015. 10. 29. 오전 10:57:55 |
면접은 통과했나요?
 집주인| 게시됨 2015. 10. 29. 오후 12:53:35 |
2015-10-29 10:57에 여름 게시됨
면접은 통과했나요?

지금은 회사에서 근무 중이에요.   
게시됨 2015. 10. 29. 오후 1:33:58 |
2015-10-29 10:57에 여름 게시됨
면접은 통과했나요?

저도 합격했습니다
게시됨 2015. 10. 29. 오후 2:16:36 |
샤오 자오가 2015-10-29 12:53에 게시했습니다
지금은 회사에서 근무 중이에요.

좋아
게시됨 2015. 10. 29. 오후 2:16:47 |
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com