javascript - Kendo Dropdown Value id not updating the GRID after ADD/EDIT -
i have using below code kendo grid. i'm using 6 dropdown , 1 text box input fields. works fine add, edit & delete operations , reflect records database, problem after add , edit operation, value of dropdown field not displaying grid values database.
$("#riskassessment").kendogrid({ datasource: { transport: { read: { url: serverurl + "/riskassessment/getriskassessment", type: "get", datatype: 'json', cache: false }, update: { url: serverurl + "/riskassessment/postriskassessmentedit", type: "post" }, create: { url: serverurl + "/riskassessment/postriskassessmentadd", type: "post" }, destroy: { url: serverurl + "/riskassessment/deleteriskassessment", type: "post", cache: false } }, schema: { model: { id: "riskassessmentconfigid", fields: { riskassessmentconfigid: { editable: false, nullable: false }, componentid: { editable: true, nullable: false, validation: { required: true } }, xchkzeroid: { editable: true, nullable: false, validation: { required: true } }, yieldid: { editable: true, nullable: false, validation: { required: true } }, cvalbeid: { editable: true, nullable: false, validation: { required: true } }, cvalfqaid: { editable: true, nullable: false, validation: { required: true } }, riskid: { editable: true, nullable: false, validation: { required: true } } } } }, sort: [{ field: "componentid", dir: "asc" }], pagesize: 5 }, columns: [ { field: "componentid", title: "component", editor: componentdropdowneditor, width: "150px", template: "#= getgeneralddlabelname(componentid) #" }, { field: "yieldid", title: "yield", editor: yielddowneditor, width: "150px", template: "#= getgeneralddlabelname(yieldid) #" }, { field: "cvalbeid", title: "cval be", editor: cvalbedropdowneditor, width: "150px", template: "#= getgeneralddlabelname(cvalbeid) #" }, { field: "cvalfqaid", title: "cval fqa", editor: cvalfqadropdowneditor, width: "150px", template: "#= getgeneralddlabelname(cvalfqaid) #" }, { field: "xchkzeroid", title: "xchkzero", editor: xchkzerodropdowneditor, width: "150px", template: "#= getgeneralddlabelname(xchkzeroid) #" }, { field: "riskid", title: "risk", editor: riskdropdowneditor, width: "150px", template: "#= getriskddlabelname(riskid) #" }, { field: "remarks", title: "remarks" }, { command: ["edit", "destroy"], title: " ", width: "180px" }], editable: "popup", pageable: true, sortable: true, toolbar: ["create"], change: onchange, requestend: ongriddatasourcerequestend });
after save or edit record display below.
any 1 please me fix issue.
i have added requestend event refresh grid, event not triggering.
function ongriddatasourcerequestend(e) { alert(e.type); if (e.type == "update") { $("#riskassessment").data("kendogrid").datasource.read(); } }
i facing same problem.
following understanding of problem , solution:
basically dropdown editor function builds drop down external data source. so, works fine. however, template definition work in (field.property) format, server must return value class field , not simple text.
so may return following format server side service:
{"componentid":{"id":"yourid","name":"yorname"}}
furthur may use object as
template: "#= componentid.name #" //or "#= getgeneralddlabelname(componentid.name) #" according code
Comments
Post a Comment