剑道网格。如何在Grid的单元格中显示dataTextField而不是dataValueField?

时间:2013-01-31 16:49:17

标签: php kendo-ui kendo-grid

我想为ForigenKey列而不是数值显示Text。有很多例子可以通过比较ID来检索TextMember,但它们在我的情况下不起作用。我刚开始使用Kendo ui,所以不太了解它

以下是代码:

$(document).ready(function () {

 dataSource1 = new kendo.data.DataSource({

        transport: {
              read:  {
               url: "Data/AttendanceCode/GridSelect.php",
                dataType: "json",

                            },

                update: {
                   url: "Data/AttendanceCode/GridUpdate.php",
        dataType: "json",
                        type:"GET"
            },

                  destroy: {
                     url: "Data/AttendanceCode/GridDelete.php",
                      dataType: "json",
          type:"POST"
                            },

                    create: {
                      url: "Data/AttendanceCode/GridInsert.php",
                        dataType: "json",
              type:"POST"
                            },

                        },

                  schema: {
         data: "data",

                       model: {
                          id: "AttendenceID",

                           fields: {
                              AttendenceID : { editable: false, nullable: true },
                              TeacherID: { field: "TeacherID", defaultValue: "EIIT0002" },
                                }
                            }
                        },


                    });



$("#grid").kendoGrid({
           dataSource: dataSource1,

    pageSize: 10,
            pageable: {
                refresh: true,
                pageSizes: true
                    },
                    editable:{ mode : "popup" },
                    height: 400,
        filterable: true,
                    columnMenu: true,
        sortable: true, 
                    reorderable: true,
                    resizable: true,
                    toolbar: ["create"],

                    columns: [
                       { field:"AttendenceID", title: "Attendence ID", width:"130px" },

                       { field: "TeacherID", title:"Teacher", width: "100px" , editor: TeacherDropDownEditor, template: "#=getTeacherName(TeacherID)#" },

                   { command: ["edit", "destroy"], title: "Action", width: "210px" }],

                });


            });

教师DropDown DataSource

teacher = new kendo.data.DataSource({

       transport: {
         read: {
    url : "Data/Teacher.php",
    dataType: "json" }
               },

    schema: {
    data : "Teacher"
         }

    }); 

//教师编辑

 function TeacherDropDownEditor(container, options) {
   $('<input data-bind="value:' + options.field + '"/>')
.appendTo(container)
     .kendoDropDownList({         
     dataTextField: "TeacherName",
dataValueField: "Service_NO",
 dataSource: teacher
     });
}   

我找到了不同的方法并尝试获取教师姓名

1 -

  function getTeacherName(value) {

          var text = "";
     $.each(teacher, function () {
           if (this.Service_NO == value) {
            text = this.Name;
             return false;
           }
        });
     return text;
                      }

2 -

function getTeacherName(teacherID) {

 for (var idx = 0, length = teacher.length; idx < length; idx++) 
   {
    if (teacher[idx].Service_NO === teacherID) 
       {t = teacher[idx].Name;} 
    }                   
return t; 
    }

3 -

function getTeacherName(teacherID) {
      $.each(teacher, function(key, val) {
        if(val.Service_NO == tID){
           t = val.Name;
            }
             });
           return t;
            } 

似乎dataSource(老师)没有任何价值。 PHP代码运行完美。 如果您对我的代码有任何疑问,请提供帮助。

谢谢!!

2 个答案:

答案 0 :(得分:0)

你是对的,teacher DataSource没有任何数据,因为你正在定义如何获取数据(这是你用DataSource做的),但你没有阅读它。

添加:

teacher.read();

用于手动强制读取数据。

注意:当你有一个Grid,ListView时,这是魔法发生的事情......因为这些小部件会为你做,但这一次,用于显示你的你需要提前读取它,因为它是从JavaScript函数调用的(KendoUI网格代码不知道你在函数getTeacherName中除了名字之外的所有内容)。

答案 1 :(得分:0)

你应该配置你的字段:

{ field: "nu_status", title: 'Status', values: [ { text: "Active", value: 1 }, { text: "Inactive", value: 0 }]},