`

easyui 查看隐藏字段的值

阅读更多
通过列表查看按钮查看隐藏信息,需要用到索引值  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>
分享到:
评论

相关推荐

    easyui值的读取

    在页面加载完成后,可以使用JavaScript来读取这些隐藏字段的值,并填充到对应的输入控件中: ```javascript $(function(){ // 页面加载完成后执行 $('#xm').val($('#data_xm').val()); $('#bh').val($('#data_bh...

    jquery获取easyui日期控件的值实现方法

    这种做法之所以有效,是因为EasyUI框架在内部维护了日期控件的状态,并将选定的值同步到一个隐藏的`input`元素中。虽然从用户界面的角度看不到这个隐藏的`input`,但它是真实存在于HTML代码中的,并且在表单提交时,...

    EasyUI validate js校验规则文件

    6. **禁用验证(ignore)**:可以忽略某些字段的验证,通常用于隐藏或者不需验证的字段。 在实际开发中,通过配置EasyUI的validate插件,我们可以轻松地实现各种复杂的表单验证逻辑。例如,可以通过添加特定的类名...

    jquery easyui

    4. **easyui-validatebox (字段验证)**:`easyui-validatebox` 提供了表单字段的验证功能,可以设定规则(如非空、邮箱格式、手机号码等),在用户输入不符合规则时给出提示。 5. **easyui-tree (树形结构)**:`...

    jquery-easyui-EDT-1.5.5.7z

    combo:修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题; layout:修复当鼠标光标快速离开的时候展开的面板不会被折叠的问题; tagbox:修复tagbox框和label标签不在一条直线上的问题。 ...

    最新jquery+easyui_api培训文档

    | `valueField` | 字符串 | 用于获取值的字段名。 | 无 | | `textField` | 字符串 | 用于显示文本的字段名。 | 无 | | `width` | 数字 | 组合框的宽度。 | `auto` | **事件** - `onLoadSuccess`: 数据加载成功时...

    jquery_easyui_中文API.pdf

    - `valueField`:指定数据项的值字段。 - `textField`:指定数据项的文本字段。 - `panelHeight`:下拉面板的高度。 - `editable`:是否允许直接编辑。 - `multiple`:是否允许多选。 **3.3 事件** - `onChange`:...

    EasyUI 数据表格datagrid列自适应内容宽度的实现

    例如,在EasyUI的datagrid中,我们可以编写一个函数,该函数首先加载表格,然后获取表头字段列表,并获取表格中的数据。通过循环处理每一列,计算出该列中最长内容的长度,并据此设置该列的宽度。在计算时,还要考虑...

    EasyUI中combobox默认值注意事项

    `setValue`方法用于设置选中的值,而`belongsvalue`隐藏输入字段的值是从后台获取的,假设它是一个`int`类型的值。 **注意事项:** 1. **数据类型匹配**:如描述中提到的,从后台传来的数据应该是`int`类型,这...

    jquery easyui api

    3. 时间选择器(datetimebox):提供日期和时间选择功能,API可以设置初始值、格式化输出、监听选择事件。 三、jQuery EasyUI的布局与布局API 1. 布局(layout):布局组件用于分割页面区域,API可以控制面板的...

    jQuery Easyui Treegrid实现显示checkbox功能

    例如,我们可以创建一个名为 `IsChecked` 的隐藏字段,用于存储每个节点的选中状态。在初始化 Treegrid 时,这个字段的值可以通过后台返回的数据来设定。 ```javascript { title: 'IsChecked', field: 'IsCheck',...

    easyui combobox开启搜索自动完成功能的实例代码

    "id"是值字段,"text"是显示字段,而"spell"字段是为了提高搜索效率,通常包含简写或拼音。 接下来,我们来看关键的JavaScript代码,这部分代码定义了ComboBox的配置和行为: 1. `onComboboxHidePanel`函数是...

    jqueryeasyui中文培训

    **Accordion**是一种可以用来组织页面内容的组件,它通过可折叠的标签来实现内容的隐藏与显示,非常适合于创建FAQ(常见问题解答)等类型的网页。 - **实例**:使用Accordion组件创建一个简单的FAQ列表。 - **参数*...

    EasyUI实现二级页面的内容勾选的方法

    1. 获取二级页面form表单中的隐藏字段值: ```javascript var f = parent.$.modalDialogTwo.handler.find('#selectForm'); var selectData = f.find('input[name="selectData"]').get(0).value; ``` 2. 解析JSON字符...

    浅谈EasyUI中编辑treegrid的方法

    这些列包含了标题(title),字段(field),隐藏(hidden)状态,宽度(width),对齐方式(align和halign)等属性。此外,对于编辑功能,`editor`属性用于定义该列的编辑控件类型,如`combobox`(下拉框)。 在本例中,"BBB...

    jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容

    因此,我们可以在 `onLoadSuccess` 函数中检查 `data.success` 的值来决定是否显示自定义提示: ```javascript onLoadSuccess : function(data) { if(!data.success){ // 创建一个新的数据行,第一列包含提示信息...

    ASP.NET MVC使用EasyUI的datagrid多选提交保存教程

    在此例中,Identifier字段被用作标识符,并且设置为隐藏字段,其宽度为0。 在实际应用中,我们需要在*** MVC控制器中添加相应的处理方法来响应前端的AJAX请求。例如,'Goods/List'方法负责返回符合条件的商品列表...

    Jquery Easyui自定义下拉框组件使用详解(21)

    alert('字段值改变的时候触发!'); }, }); ``` 此外,下拉框组件提供了各种方法来操作控件,包括获取和设置属性、显示和隐藏面板、验证和清空文本、以及获取和设置值等。例如: - options:返回当前下拉框的属性...

    基于Jquery easyui 选中特定的tab

    这段函数通过读取一个隐藏的输入字段值来决定要选中的tab。然后根据条件使用tabs组件的select方法来选中相应的tab。在某些情况下,你可能还需要更新HTML标签的data-options属性来确保tab的状态是选中。 综上所述,...

Global site tag (gtag.js) - Google Analytics