通过列表查看按钮查看隐藏信息,需要用到索引值 index, event是为了点击查看按钮不会选中这行信息,有点绕口,显示详细信息是弹出一个dialog窗口,代码如下:
function look(index,event){
event.stopPropagation();
event.preventDefault();
var row = $('#preHandleSample').datagrid('getData').rows[index];
if(typeof(row.taksRemark) =='undefined'){
row.taksRemark="";
}
if(typeof(row.checkerRemark) == 'undefined'){
row.checkerRemark="";
}
$("#lookRemark").dialog({
title:'查看备注及其他说明',
href:base + "/sample-check-task/pre-handle/loadRemark.action?taksRemark="+row.taksRemark
+"&checkerRemark="+row.checkerRemark,
width: 700,
height: 500,
closed: false,
modal: true,
});
}
首先通过当前索引调用getDate返回当前选中行的数据,然后取得隐藏字段的信息,typeof 判断所取得的隐藏字段的类型,为什么要判断呢,因为如果我们所取得的字段没有信息,那么他的类型是 undefined,所以我这里加了typeof 用来判断,如果没有这种情况可以不加,看情况而定,我是用的struts2,后台跳一个方法返回到前台所弹出的dialog窗口。
action类:
public String loadRemark(){
Sample sample=new Sample();
sample.setRemark(taksRemark);
sample.setCheckerRemark(checkerRemark);
HttpServletRequest request = ServletActionContext.getRequest();
request.setAttribute("sample", sample);
return SUCCESS;
}
我是将这2 个字段属性封装在实体类里面放在request里,返回到前台的,也可以直接返回实体类。注意:字段属性要对应,一定要有set,get 方法。
jsp页面:
<form id="lookRemarker" method="post">
<table class="input" style="margin-left: auto; margin-right: auto; margin-top: 5px; width: 98%;">
<tbody>
<tr>
<th style="vertical-align:top">备注</th>
<td>
<textarea id="remark" style="width:98%;height:170px;resize: none;font-size:14px;" disabled="disabled">
<s:property value="#request.sample.remark"/>
</textarea></td>
</tr>
<tr>
<th style="vertical-align:top">其他说明</th>
<td>
<textarea id="checkerRemark" style="width:98%;height:170px;resize: none;font-size:14px;" disabled="disabled">
<s:property value="#request.sample.checkerRemark"/>
</textarea></td>
</tr>
</tbody>
</table>
</form>
分享到:
相关推荐
在页面加载完成后,可以使用JavaScript来读取这些隐藏字段的值,并填充到对应的输入控件中: ```javascript $(function(){ // 页面加载完成后执行 $('#xm').val($('#data_xm').val()); $('#bh').val($('#data_bh...
这种做法之所以有效,是因为EasyUI框架在内部维护了日期控件的状态,并将选定的值同步到一个隐藏的`input`元素中。虽然从用户界面的角度看不到这个隐藏的`input`,但它是真实存在于HTML代码中的,并且在表单提交时,...
6. **禁用验证(ignore)**:可以忽略某些字段的验证,通常用于隐藏或者不需验证的字段。 在实际开发中,通过配置EasyUI的validate插件,我们可以轻松地实现各种复杂的表单验证逻辑。例如,可以通过添加特定的类名...
4. **easyui-validatebox (字段验证)**:`easyui-validatebox` 提供了表单字段的验证功能,可以设定规则(如非空、邮箱格式、手机号码等),在用户输入不符合规则时给出提示。 5. **easyui-tree (树形结构)**:`...
combo:修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题; layout:修复当鼠标光标快速离开的时候展开的面板不会被折叠的问题; tagbox:修复tagbox框和label标签不在一条直线上的问题。 ...
| `valueField` | 字符串 | 用于获取值的字段名。 | 无 | | `textField` | 字符串 | 用于显示文本的字段名。 | 无 | | `width` | 数字 | 组合框的宽度。 | `auto` | **事件** - `onLoadSuccess`: 数据加载成功时...
- `valueField`:指定数据项的值字段。 - `textField`:指定数据项的文本字段。 - `panelHeight`:下拉面板的高度。 - `editable`:是否允许直接编辑。 - `multiple`:是否允许多选。 **3.3 事件** - `onChange`:...
"id"是值字段,"text"是显示字段,而"spell"字段是为了提高搜索效率,通常包含简写或拼音。 接下来,我们来看关键的JavaScript代码,这部分代码定义了ComboBox的配置和行为: 1. `onComboboxHidePanel`函数是...
`setValue`方法用于设置选中的值,而`belongsvalue`隐藏输入字段的值是从后台获取的,假设它是一个`int`类型的值。 **注意事项:** 1. **数据类型匹配**:如描述中提到的,从后台传来的数据应该是`int`类型,这...
例如,在EasyUI的datagrid中,我们可以编写一个函数,该函数首先加载表格,然后获取表头字段列表,并获取表格中的数据。通过循环处理每一列,计算出该列中最长内容的长度,并据此设置该列的宽度。在计算时,还要考虑...
3. 时间选择器(datetimebox):提供日期和时间选择功能,API可以设置初始值、格式化输出、监听选择事件。 三、jQuery EasyUI的布局与布局API 1. 布局(layout):布局组件用于分割页面区域,API可以控制面板的...
例如,我们可以创建一个名为 `IsChecked` 的隐藏字段,用于存储每个节点的选中状态。在初始化 Treegrid 时,这个字段的值可以通过后台返回的数据来设定。 ```javascript { title: 'IsChecked', field: 'IsCheck',...
**Accordion**是一种可以用来组织页面内容的组件,它通过可折叠的标签来实现内容的隐藏与显示,非常适合于创建FAQ(常见问题解答)等类型的网页。 - **实例**:使用Accordion组件创建一个简单的FAQ列表。 - **参数*...
1. 获取二级页面form表单中的隐藏字段值: ```javascript var f = parent.$.modalDialogTwo.handler.find('#selectForm'); var selectData = f.find('input[name="selectData"]').get(0).value; ``` 2. 解析JSON字符...
这些列包含了标题(title),字段(field),隐藏(hidden)状态,宽度(width),对齐方式(align和halign)等属性。此外,对于编辑功能,`editor`属性用于定义该列的编辑控件类型,如`combobox`(下拉框)。 在本例中,"BBB...
因此,我们可以在 `onLoadSuccess` 函数中检查 `data.success` 的值来决定是否显示自定义提示: ```javascript onLoadSuccess : function(data) { if(!data.success){ // 创建一个新的数据行,第一列包含提示信息...
在此例中,Identifier字段被用作标识符,并且设置为隐藏字段,其宽度为0。 在实际应用中,我们需要在*** MVC控制器中添加相应的处理方法来响应前端的AJAX请求。例如,'Goods/List'方法负责返回符合条件的商品列表...
alert('字段值改变的时候触发!'); }, }); ``` 此外,下拉框组件提供了各种方法来操作控件,包括获取和设置属性、显示和隐藏面板、验证和清空文本、以及获取和设置值等。例如: - options:返回当前下拉框的属性...
这段函数通过读取一个隐藏的输入字段值来决定要选中的tab。然后根据条件使用tabs组件的select方法来选中相应的tab。在某些情况下,你可能还需要更新HTML标签的data-options属性来确保tab的状态是选中。 综上所述,...