jquery jsp 获取被选中的数据中的日期值

wenwen1 发布于 2012/08/27 21:39
阅读 2K+
收藏 0
$(function(){
            $('#xmhk').datagrid({
                url:'../json/getCashList.jsp',
                iconCls:'icon-save',
                nowrap: false,
                striped: true,
                collapsible:true,
                remoteSort: false,
                fitColumns: true,
                sortName: 'hkrq',
                sortOrder: 'desc',
                idField:'xmmc',
                pagination:true,//可分页
                loadMsg:"数据加载中....",
                rownumbers:true,
                columns:[[
                    {field:'ck',checkbox:true},
                    {title:"编号",field:'idproject_cash',hidden:true},
                    {title:'项目名称',field:'xmmc',width:250,sortable:true},
                    {title:'回款日期',field:'hkrq',width:200,sortable:true},
                    {title:'回款金额',field:'hkje',width:80,sortable:true},
                    {title:'回款方式',field:'hkfs',width:200,sortable:true},
                    {title:'回款人',field:'hkr',width:200,sortable:true},
                    {title:'说明',field:'sm',width:200,sortable:true},
                ]],
//-----------------------------------选中进行删除和修改---------------------------------
                toolbar : [//工具栏上定义按钮                          
                           {text:'全部',
                            iconCls:'icon-ok',
                            handler:function(){
                            $('#xmhk').datagrid({url:'../json/getCashList.jsp'});
                              }},'-',{
                                  text:'添加',
                                  iconCls:'icon-add',
                                  handler:function(){window.location='../jsp/newCash.jsp'}
                                 },'-',{
                                id:'btnedit',
                                text:'修改',
                                iconCls:'icon-edit',
                                handler:function(){
                                    getSelect();}
                            },'-',{ id:'btndel',
                                text:'删除',
                                iconCls:'icon-remove',
                                handler:function(){
                                //删除选择的记录
                                delCash();
                                }}]
            });
//-------------------------------------分页定义------------------------------------
            var p = $('#xmhk').datagrid('getPager');
            $(p).pagination({       
                pageSize: 20,//每页显示的记录条数
                pageList: [20,30,40],//可以设置每页记录条数的列表
                beforePageText: '第',//页数文本框前显示的汉字
                afterPageText: '页    共 {pages} 页',
                displayMsg: '当前显示{from}条到{to}条记录   共{total}条记录'
        });
//----------------------------获取选中的值getSelect()----------------------------------
            var id;
            function getSelect(){
               var select = $('#xmhk').datagrid('getSelected');
               if(select){
                $('#edit').window('open');
                $('#ff').show();
                $('#ff').appendTo('#ee');
                $('#xmmc').val(select.xmmc);
              $('#hkrq').datebox('getValue');
                $('#hkje').val(select.hkje);
                $('#hkfs').val(select.hkfs);
                $('#hkr').val(select.hkr);
                $('#sm').val(select.sm);
                id =select.idproject_cash;
               }else{
                $.messager.alert('warning','请选择一行数据','warning');
               }
              }
//------------------------------删除事件delCash---------------------------------
            function delCash(){               
                  //得到选中行数据
                 var selected = $('#xmhk').datagrid('getSelected');
                 if(selected){
                  $.messager.confirm('warning','确认删除么?',function(result){
                  if(result){
                       id =selected.idproject_cash;
                   $.ajax({
                           type:"POST",
                           url:"../jsp/deleteCash.jsp",
                           data:"idproject_cash="+id,
                           dataType:"json",
                           success:function callback(){}
                        });
                   $('#xmhk').datagrid('reload');
                  }
                 });
                 }else{
                  $.messager.alert('warning','请选择一行数据','warning');
                 }
               $('#xmhk').datagrid({
                    url:'../json/getCashList.jsp',
                    loadMsg:'更新数据......'
                   });
                }
    });       
//--------------------------------修改窗体-------------------------------------
function close1(){
       $('#edit').window('close');
      }
//----------------------------修改 事件editCash----------------------------------
function edit(){
    var select = $('#xmhk').datagrid('getSelected');
    id =select.idproject_cash;
$('#ff').form('submit',{
url: '../jsp/updateCashSub.jsp?id='+id,
onSubmit:function(){ return $('#ff').form('validate');},
   success:function(){
     $.messager.alert('edit','修改信息成功!!!','info');
     close1();
     $('#xmhk').datagrid({
         url:'../json/getCashList.jsp',
         loadMsg:'更新数据......'
         });       
    }
});          

}

我的cash1.jsp如下:

<%@ page language="java" import="java.util.*" import="java.sql.*" pageEncoding="utf-8"%>
<%@ page session="true" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="../../jquery/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../jquery/themes/icon.css">   
    <script type="text/javascript" src="../../jquery/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../../jquery/js/jquery.easyui.min.js"></script>   
    <script type="text/javascript" src="../../jquery/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../js/getCashList1.js"></script>
    <title>项目回款</title>
 </head>
 <%@ include file="../../myfilters.jsp" %>  
 <%
 request.setCharacterEncoding("utf-8");//处理乱码
 String bkeyword = request.getParameter("keywordmc");
 %>
  <body>
   <table id="xmhk"></table>
     <form id="ff" method="post" action="updateCashSub.jsp">
     <div>
               项目名称:<input class="easyui-validatebox" style="width:300;height:30" type="text" id="xmmc" name="xmmc" required="true" disabled/>
    </div>
     <div>
              回款金额:<input class="easyui-numberbox" value="0.00" style="width:300;height:30" type="text" id="hkje" name="hkje" required="true"></input>
     </div><br/>
     <div>
            回款日期:<input class="easyui-datebox"  style="width:300;height:30" type="date" id="hkrq" name="hkrq" required="true"></input>
     </div><br/>
     <div>
            回款方式:<input class="easyui-validatebox" style="width:300;height:30" type="text" id="hkfs" name="hkfs" required="true"/></input></div><br/>
     <div>
     &nbsp;&nbsp;回款人:<input class="easyui-validatebox" style="width:300;height:30" type="text" id="hkr" name="hkr" required="true"/></input>
     </div>
     <div>
     &nbsp;&nbsp;&nbsp;&nbsp;说明:<input class="easyui-validatebox" style="width:300;height:30" type="text" id="sm" name="sm"/></input>
     </div>
   </form>
      <div id="edit" class="easyui-window" title="修改" style="padding: 10px;width: 500;height: 300;"
           iconCls="icon-edit" closed="true" maximizable="false" minimizable="false" collapsible="false">
     <div id="ee"></div>
     <a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="edit()">修改</a>
     <a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="close1()">取消</a>
     </div>
  </body>
</html>

我想选中一条数据,该数据如图1所示

点击修改按钮时如图2所示

图2

但是为什么那个回款日期没有啊获取的啊?而且把 $('#hkrq').datebox('getValue');改成 $('#hkrq').val(select.hkrq);也不能获得。

加载中
0
JustForFly
JustForFly

第一点,你先判断,是否能获取到 select.hkrq的值,

function getSelect(){ 
   var select = $('#xmhk').datagrid('getSelected'); 
   if(select){ 
	$('#edit').window('open'); 
	$('#ff').show(); 
	$('#ff').appendTo('#ee'); 
	$('#xmmc').val(select.xmmc); 
	alert(select.hkrq);
        $('#hkrq').datebox('getValue'); 
	$('#hkje').val(select.hkje); 
	$('#hkfs').val(select.hkfs); 
	$('#hkr').val(select.hkr); 
	$('#sm').val(select.sm); 
	id =select.idproject_cash; 
   }else{ 
	$.messager.alert('warning','请选择一行数据','warning'); 
   } 
  } 

然后,再去看能否传值。

 

 

返回顶部
顶部