ext 获得选择列值

最新推荐文章于 2024-09-14 08:09:14 发布

dwj520

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量630

点赞数

文章标签： ext header email stylesheet function html

本文链接：https://blog.csdn.net/dwj520/article/details/5131786

版权

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>数据列表Grid的应用</title>
<link rel="stylesheet" type="text/css" href="scripts/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="scripts/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="scripts/ext/ext-all.js"></script>

   <script type="text/javascript">
     Ext.onReady(function(){
   var cm = new Ext.grid.ColumnModel([{
    header : 'id',
    dataIndex :'id'
   },{
    header : 'name',
    width : 145,
    dataIndex : 'name'
   },{
    header : 'email',
    width : 150,
    dataIndex : 'email'
   },{
    header : '性别',
    dataIndex:'sex'
   },{
    header : '年龄',
    dataIndex : 'age'
   }]);
  var fields=["id","name","email","sex","age"];
  var str="[{'id':'1','name':'langsin1','email':'langsin@langsin.com','sex':'0','age':'20'},"
     +"{'id':'2','name':'ff','email':'ff@langsin.com','sex':'1','age':'30'}]";
  var json = eval("(" + str + ")");
  var store=new Ext.data.JsonStore({
   fields:fields,
   data : json
  });

  var grid=new Ext.grid.GridPanel({
   cm : cm,
   title:"grid测试",
   store:store,
   width:600,
   sm: new Ext.grid.RowSelectionModel({ singleSelect: true })

  });
  grid.getSelectionModel().on('rowselect', function(sm, rowIdx, r) {
            Ext.MessageBox.alert("提示","您选择的出版号是：" + r.data.name);