Java }, {字段:“名称”,标题:“库存单位”}, {字段:“性别”,标题:“性别”}, {字段:“dob”,标题:“dob”}, {字段:“yoe”,标题:“yoe”}, {字段:“majsub”,标题:“majsub”}, ], 可编辑:真 }); });
}, {字段:“名称”,标题:“库存单位”}, {字段:“性别”,标题:“性别”}, {字段:“dob”,标题:“dob”}, {字段:“yoe”,标题:“yoe”}, {字段:“majsub”,标题:“majsub”}, ], 可编辑:真 }); });Java }, {字段:“名称”,标题:“库存单位”}, {字段:“性别”,标题:“性别”}, {字段:“dob”,标题:“dob”}, {字段:“yoe”,标题:“yoe”}, {字段:“majsub”,标题:“majsub”}, ], 可编辑:真 }); });,java,database,oracle11g,kendo-grid,Java,Database,Oracle11g,Kendo Grid,}, {字段:“名称”,标题:“库存单位”}, {字段:“性别”,标题:“性别”}, {字段:“dob”,标题:“dob”}, {字段:“yoe”,标题:“yoe”}, {字段:“majsub”,标题:“majsub”}, ], 可编辑:真 }); }); kendo grid需要json格式的数据,向您的网格提供json格式的数据我创建json格式的数据,但我想知道如何在网格的读取函数中传递数据。首先创建数据源,然后将其与kendo grid绑定,请找到下面的答案。你也可以在剑道的网站上查到更
kendo grid需要json格式的数据,向您的网格提供json格式的数据我创建json格式的数据,但我想知道如何在网格的读取函数中传递数据。首先创建数据源,然后将其与kendo grid绑定,请找到下面的答案。你也可以在剑道的网站上查到更好的参考资料,谢谢你的解释。我将通过在其中添加代码来更改我的问题详细信息。检查它并指导我进行一些更改。我将很快更新我的问题详细信息。嗨。我更新了我的问题细节。您能进一步帮助我吗?您能告诉我,在转换为json之前,您的列表是什么样子的吗?您直接使用它吗?我尝试直接在changedData中提供数据,效果很好,谢谢您&我正在获取您提到的数组格式的数据,然后再转换为json。我在Servlet页面中有这些数据。如何在网格的
var
中绑定它。listArr包含[{tid:“001”,“name:“Varalakshmi”,“gender:“femal”,“dob:“01/08/1989”,“yoe:“2”,“majsub:“Physics”},{tid:“002”,“name:“laksman”,“gender:“Male”,“dob:“05/08/1979”,“yoe:“8”,“majsub:“math”}]
我试图在jsp中导入servlet来访问它,还尝试了kendo.template(“#=listArr#”)代码>但它不起作用。如果您是以数组形式获取数据,那么使用它,它就像var data=[{“tid”:“001”,“name”:“Varalakshmi”},{“tid”:“001”,“name”:“Varalakshmi”}]。你能在剑道网格中看到你的数据吗?
public class TeacherListPageServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
HttpSession session=request.getSession();
ArrayList<MessageObjects> listArr;
OracleConnection oraconn= new OracleConnection();
listArr= oraconn.teacherDetails();
System.out.println("In teacher servlet \n" );
if(!listArr.isEmpty()){
Gson gson= new Gson();
String json=gson.toJson(listArr);
System.out.println("In list");
System.out.println(json);
request.setAttribute("list",json);
request.getRequestDispatcher("Grid.jsp").forward(request, response);
//response.sendRedirect("Grid.jsp");
}
else
{
System.out.println("list is empty");
}
}
public ArrayList teacherDetails()
{
ArrayList<MessageObjects> list= new ArrayList<MessageObjects>();
ArrayList<String> list1= new ArrayList<>();
MessageObjects obj= new MessageObjects();
try{
Class.forName("oracle.jdbc.driver.OracleDriver");
con=DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:xe","STUDENT_DB","Aishwarya11");
Statement statement=con.createStatement();
ResultSet rs= statement.executeQuery("select * from TEACHERS_DETAILS");
while(rs.next()) {
obj.setTid(rs.getString(1));
obj.setName(rs.getString(2));
obj.setGender(rs.getString(3));
obj.setDob(rs.getString(4)) ;
obj.setYoe(rs.getString(5)) ;
obj.setMajsub(rs.getString(6));
list.add(obj);
Gson gson= new Gson();
String json=gson.toJson(obj);
System.out.println("In DAO");
System.out.println(json);
list1.add(json);
System.out.println("List1");
}
}
catch (SQLException | ClassNotFoundException e) {
System.out.println(e.getMessage());
}
return list1;
}
<div id="grid"></div>
<script>
$(document).ready(function() {
var dataSource= new kendo.data.DataSource({
transport:{
read:{/* I want to know how to read data here , how to code ?*/,
dataType : "json",
type: "POST",
}
},
schema:{
data: "xdata.rows",
model:{
id:"tid",
fields:{
// tid:{editable:false},
tid:{type:"String"},
name:{type:"String"},
gender:{type:"String"},
dob:{type:"String"},
yoe:{type:"String"},
majsub:{type:"String"}
}
}
},
pageSize:20,
batch:true
});
$("#grid").kendoGrid({
dataSource:dataSource,
height:350,
scrollable: true,
columns:[{field: "tid",title:"Teacher Id",width: "130px"},
{field: "name",title:"Name",width: "130px"},
{field: "gender",title:"Gender",width: "130px" },
{field: "dob",title:"Date of Birth",width: "130px"},
{field: "yoe",title:"Year of Experience",width: "130px"},
{field: "majsub",title:"Major sub",width: "130px" },
{command: ["edit", "destroy"], title: " ", width: "250px" }],
editable: "popup"
});
});
var data5 = [{ "Id": 121, "referenceId": 18222, "status": "test", "message": 'kk', "ss": "ss" }, { "Id": 121, "referenceId": 18222, "status": "test", "message": 'kk', "ss": "ss" }, { "Id": 121, "referenceId": 18222, "status": "test", "message": 'kk', "ss": "ss" }];
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.226/styles/kendo.common-material.min.css">
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.226/styles/kendo.material.min.css">
<script src="//kendo.cdn.telerik.com/2016.1.226/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.1.226/js/kendo.all.min.js"></script>
<div id="grid" data-role="grid" class="k-grid k-widget k-editable" style="height: 550px;">
<script>
$(document).ready(function () {
var yourData = ["\"tid\":\"001\",\"name\":\"Varalakshmi\",\"gender\":\"Female\",\"dob\":\"01/08/1989\",\"yoe\":\"2\",\"majsub\":\"Physics\"}", "{\"tid\":\"002\",\"name\":\"Lakshman\",\"gender\":\"Male\",\"dob\":\"05/08/1979\",\"yoe\":\"8\",\"majsub\":\"Maths\"}"]
var changedData = "[{\"tid\":\"001\",\"name\":\"Varalakshmi\",\"gender\":\"Female\",\"dob\":\"01/08/1989\",\"yoe\":\"2\",\"majsub\":\"Maths\"}, {\"tid\":\"002\",\"name\":\"Lakshman\",\"gender\":\"Male\",\"dob\":\"05/08/1979\",\"yoe\":\"8\",\"majsub\":\"Maths\"}]";
var feedData = $.parseJSON(changedData);
$("#grid").kendoGrid({
dataSource: feedData,
navigatable: true,
pageable: true,
height: 550,
// toolbar: ["create", "save", "cancel"],
columns: [
{ field: "tid", title: "Unit Price" },
{ field: "name", title: "Units In Stock" },
{ field: "gender", title: "gender" },
{ field: "dob", title: "dob" },
{ field: "yoe", title: "yoe" },
{ field: "majsub", title: "majsub" },
],
editable: true
});
});
</script>
</div>