この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 17243|答える: 5

[EasyUI] EasyUI datagrid tables はフィールドの列を動的にバインドします

[リンクをコピー]
掲載地 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 attributes:


  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 13:33:58 |
夏 2015年10月29日 10:57 投稿
面接は合格しましたか?

私も合格しました
掲載地 2015/10/29 14:16:36 |
Xiao Zhaoが2015年10月29日12:53に投稿
今は会社で働いています。

よし
掲載地 2015/10/29 14:16:47 |
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com