mvc4-jscript基于行数据多个值更改按钮标题

Question

许多JScript问题都与单击时的更改有关，我需要对行数据做出反应。

我有一个表，其中有几行有3个日期值，这些值可能为空，并且是连续的；开始、结束和认证。

我希望每行都有一个按钮，并希望更改标题（可能还有按钮值和行颜色（4））。按钮信息将告诉控制器更新到"现在"的日期。

我有这个未经测试的JScript:

function changeBname(SStart, SEnd, SCert)..and a similar function for the button value
{
  if(SStart == null) { 
    bname ="Start Step"; 
  }
  else  if (SEnd == null) {
    bname ="End Step";
  }
  else if SCert == null) { 
    bname ="Certify Step";
  }
   return
}

其想法是，如果一行有开始和结束日期，则按钮的标题将为"Certify Step"，如果所有日期都为空，则标题为"start Step"。等

5个问题-我是个新手
-这是处理按钮的最佳方法吗？概念正确吗
-Jscript正确吗
-在表格行中，如何引用函数？我当前的尝试-

<input type="button" name = changeBname(@item.SStart,@item.SEnd,@item.SCert) > 

给出了一个标题为-changeBname的按钮，而不是"End Step"。

-我该把代码放在哪里来更改颜色
-当foreach具有行数据时，是否有可以使用的事件？（我的vb日正在显示）-

感谢

Answer 1

您应该在可用于选择器的3个不同日期字段上放置一个类。date from here我如何用today预填充jQuery Datepicker文本框'；s日期？

var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
    myDate.getFullYear();
$(document).ready(function () {      
   $('#resultTable tr').click(function () {
       if($(this).closest("td").find(".date1").val() != "")
       {
           $(this).closest("td").find(".date2").val(prettyDate);  
           $(this).closest("td").find(".btnClass").attr("Name", "End Step");        
       }
   });
});

这是表行上的一个点击事件，而不仅仅是按钮，但希望这能给你所需要的开始。如果你有任何问题，请告诉我。

Answer 2

我能够让它工作起来
在视图中创建此帮助程序：

@helper   specialbutton( System.DateTime? SStart, System.DateTime? SEnd, System.DateTime? SCert)
{  
if (SStart == null)
{ <input type = "button" name ="Start Step" value ="start step"> }
else if (SStart != null && SEnd == null)
{ <input type = "button" value ="End Step" > }
else if (SEnd != null && SCert == null)
{<input type = "button" value = "Start Step"> }
}

然后在我的桌子排：

@specialbutton( item.SStart, item.SEnd, item.SCert)

它有效，但请注意，我已经为标题指定了值。当我尝试name="Start Step"value=0时，标题是"0"，而不是"Start-Step"。只要这个值会在点击后传递给我的控制器，我就可以处理这个问题，但我很好奇为什么这个名字不起作用。