根据以前字段asp.net mvc中填充的值自动填充字段

时间:2014-09-17 09:15:38

标签: c# javascript ajax asp.net-mvc

我很想知道,但我找不到解决问题的方法。

实际上,我想在我的表单中使用之前填充的另一个字段的值来自动填充字段。 我想我必须使用一个脚本,它会在焦点因为该字段填充的值丢失时自动填充相应的字段。

我的模型客户是:

public int ClientID{get;set;}
public string portfolio{get;set;}
public DateTime dateIn{get;set;}
public DateTime dateOut{get;set;}
public DateTime dateIn_cash{get;set;}
public DateTime dateOut_cash{get;set;}
public DateTime dateIn_equity{get;set;}
public DateTime dateOut_equity{get;set;}

因此,当用户填充 dateIn dateOut 属性时,dateOut会失去焦点, dateIn_cash dateIn_equity 必须自动获取 dateIn 的值,并且 dateOut 的值相同。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

这是一个视图标记示例

@model Client 

<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css"/>
<script src="@Url.Content("~/Scripts/jquery-1.11.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.10.4.custom.min.js")" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function(){
         $(".inputsContainer input").datepicker();
         $("#dateIn").change(function(){  
             var date = $(this).datepicker("getDate");
             $("#dateIn_cash, #dateIn_equity").datepicker("setDate",date);
         });
         $("#dateOut").change(function(){  
             var date = $(this).datepicker("getDate");
             $("#dateOut_cash, #dateOut_equity").datepicker("setDate",date);
         });
    });
</script>

<div class='inputsContainer'>
    @Html.EditorFor(x=> x.dateIn)<br/>
    @Html.EditorFor(x=> x.dateOut)<br/>
    @Html.EditorFor(x=> x.dateIn_cash)<br/>
    @Html.EditorFor(x=> x.dateOut_cash)<br/>
    @Html.EditorFor(x=> x.dateIn_equity)<br/>
    @Html.EditorFor(x=> x.dateOut_equity)<br/>
</div>