Question

我有一个非常简单的场景，我需要建议在ASP.NET MVC中实现这一目标的最佳方法。

我有两个文本框，一个可编辑，另一个只读。

第二个文本框用于显示基于在服务器上完成的计算和在TextBox 1中输入的值的计算数字。

我正在使用DevExpress的套件，但我想这个概念应该是一样的。有没有人有示例代码或能够详细说明实现此目的的方法？

Answer 1

这听起来像是JQuery / Ajax的工作。您可以在输入框中设置onChange事件。通过AJAX调用使服务器端调用进行计算并返回结果。然后使用JavaScript和JQuery将结果放在不可编辑的文本框中。

$(document).ready(function () {
$("#InputID").onChange(function () {
$.ajax({
        type: "POST",
        url: "/MyController/CalculatorAction/" + $("#InputID").val(),
        cache: false,
        success: function (data) {
            $("#ResultID").text(data);
        }
});

在控制器端，您可以设置后期操作

public virtual ActionResult GetEquipmentNumberByInitials(string id){
var result = 0;
// do calculation
return Json(result)
}

Answer 2

$(function(){
   $("#textbox1_id).change(function(){
           var value1=$(this).val();
           $.ajax({
              url:'/abc/xyz',
              data:{myValue:value1},
              type:'GET',
              dataType:'json'
          })success(function(data){
            $("#textbox2").val(data.Value);
          });
     })    
})

Answer 3

我认为它应该相当简单，您只需要访问输入值的文本框的text属性，然后对文本框的off焦点事件应用计算，使用此值计算其他值并将其放在文本框的text属性中。

使用以下链接进行参考 https://www.devexpress.com/Support/Center/Question/Details/T114245

如何根据另一个TextBox的文本输入实现计算字段？

3 个答案: