我现在使用jquery 的easyui 中datagrid进行数据源展现，同样的代码直接使用IE8打开能展现，但是放在jboss中datagrid中的数据源就不能展现（放在jboss中也是html代码），请大家给我指出问题解决办法。
下面是代码：
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic DataGrid - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
</head>
<body>
<h2>Basic DataGrid</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>The DataGrid is created from markup, no JavaScript code needed.</div>
</div>
<div style="margin:10px 0;"></div>
<table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"
data-options="singleSelect:true,collapsible:true,url:'../../data/datagrid_data1.json'">
<thead>
<tr>
<th data-options="field:'itemid',width:80">Item ID</th>
<th data-options="field:'productid',width:100">Product</th>
<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
<th data-options="field:'attr1',width:250">Attribute</th>
<th data-options="field:'status',width:60,align:'center'">Status</th>
</tr>
</thead>
</table>
</body>
</html>
datagrid_data1.json的数据
{"total":28,"rows":[
{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
{"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
]}
添加评论
关注(0)
相关推荐
`options`是一个包含各种配置项的对象，例如列定义（columns）、数据源（data）等。 4. 数据加载：数据可以静态写入，也可以动态加载。静态加载时，直接在`data`选项中设置数据；动态加载则需要配置URL，TreeGrid会...
在本文中，我们将深入探讨jQuery EasyUI中的Tree组件以及如何使用`tree11.json`作为数据源时可能遇到的问题和解决方法。jQuery EasyUI是一个基于jQuery的轻量级UI库，它提供了一系列易于使用的组件，如对话框、表格...
3. **数据绑定**：EasyUI 支持数据绑定，可以方便地将数据源（如JSON对象）与UI组件关联，实现动态数据展示。例如，`datagrid`组件可以通过`url`属性与服务器接口进行数据交互，自动加载或更新数据。 4. **事件处理...
《jQuery EasyUI 1.5.3源代码详解——深入理解与学习》 在Web开发领域，jQuery EasyUI是一款广泛使用的轻量级JavaScript框架，它基于jQuery，为开发者提供了丰富的UI组件，使得网页界面的构建变得简单高效。本文将...
例如，通过其提供的数据代理（DataProxy）和数据适配器（DataAdapter），可以方便地连接到各种后端数据源，如AJAX、JSONP或本地存储。另外，EasyUI还支持与其他库如jQuery UI、Bootstrap等的整合，增加了灵活性。 ...
文章提到的示例代码主要展现了如何利用EasyUI的DataGrid组件结合Json数据源来展示数据。从给定的内容中我们可以看出，有以下几个关键知识点： 1. EasyUI的DataGrid组件可以绑定Json数据源，并通过Json格式展示数据...
树的数据源通常会通过JavaScript进行设置，或者是从外部文件（如`tree_data.json`）获取。 `tree_data.json`是树形控件的数据源文件，通常以JSON格式存储。在EasyUI中，树形节点的数据结构一般包含`id`（唯一标识）...
在Web开发领域，jQuery EasyUI是一个广泛使用的前端框架，它基于jQuery库，提供了丰富的组件和便捷的API，极大地简化了UI的构建工作。尤其在创建交互式、响应式的网页应用时，jQuery EasyUI展现出了其强大的优势。...
它可以直接绑定到服务器数据源，实现动态加载和数据更新。 3. **Form**: Form 用于收集和验证用户输入的数据。EasyUI 的 Form 可以自动绑定到 DataGrid 或 Dialog 中，实现数据的增删改查操作。 4. **Menu**: Menu...
在压缩包中的示例中，你可能会看到如何配置列、数据源以及启用这些功能的方法。 2. **对话框（Dialog）** Dialog 是一种模态窗口，常用于显示详细信息或者进行用户交互。EasyUI 提供了多种对话框样式，包括警告、...
`jquery-easyui-src.rar` 包含了EasyUI的源代码，这对于深入理解其工作原理和定制化需求非常有帮助。源码通常包括以下几个部分： 1. **CSS**：样式文件，定义了组件的外观和布局，如 `easyui.css`。 2. **JS**：...
标签中提到了“源码”，这可能意味着压缩包中包含了 EasyUI 的源代码或者使用 EasyUI 插件的示例源代码。通过查看源码，开发者可以深入理解 EasyUI 的工作原理，自定义组件，或者解决遇到的问题。源码学习有助于...
2. 数据源：EasyUI 树形控件的数据可以通过 JSON 对象或远程数据（如 AJAX）提供。基本的 JSON 数据格式如下： ```json [ { "text": "父节点1", "children": [ { "text": "子节点1.1" }, { "text": "子节点1.2...
`plugins` 目录包含了各种扩展插件，如数据网格、树形控件、日期选择器等，丰富了EasyUI的功能。`locale` 目录则包含不同语言的本地化文件，便于创建多语言应用。 六、源码与自定义 `src` 目录提供了未压缩的源代码...
EasyUI 是一个基于 jQuery 的 UI 组件库，它提供了丰富的前端界面组件，如表格（datagrid）、树形控件（tree）等，使得开发者能够快速构建美观且功能强大的 Web 应用程序。在这个“easyui成型模板”中，包含了 ...
4. **数据表格(table)**：支持分页、排序、过滤和自定义列功能，与后端数据源结合，能动态加载和编辑大量数据。 5. **树形控件(tree)**：用于展现层级结构的数据，常见于目录管理、组织架构等场景。 6. **菜单组件...
"Easyui未混淆源码1.3" 提供的是未经混淆处理的源代码，这使得开发者可以更清晰地理解其内部工作原理，便于学习、调试和定制。 1. **jQuery Datagrid**: Datagrid 是 Easyui 中非常重要的一个组件，用于展示结构化...
例如，对于DataGrid，你可以使用`loadData`方法来动态加载数据，`sort`方法进行排序，`onDblClickRow`事件处理行双击事件，配置`url`属性指定数据源，`columns`定义列展示等。 **总结** jQuery EasyUI 1.4.5 版本...
除了这些基本功能，EasyUI 还提供了丰富的组件库，如 Dialog（对话框）用于显示模态窗口，Form 用于创建表单，Tree 和 TreeGrid 用于展现层次结构的数据，以及 Menu 用于构建导航菜单。这些组件可以相互配合，构建出...
例如，DataGrid可以通过设置`columns`定义列，通过`url`指定数据源，通过`onLoadSuccess`定义加载成功后的回调函数。 6. **事件处理**： 每个组件都有一系列的事件，如`onOpen`、`onClick`等，开发者可以绑定这些...