jqgrid中如何实现大写转换

Question

生产者代码只能包含大写字符。如果输入小写字符，jqgrid 不会将它们转换为大写，没有这个选项。 如何在文本字段的内联和表单编辑模式下强制 jqgrid 中输入的字符大写转换？

更新

我在How can I force input to uppercase in an ASP.NET textbox? last answer 找到了代码。此代码在按键中将输入的字符更改为大写。通过在jqgrid编辑控件中添加keyprees事件处理程序来使用它是否合理？

function ToUpper() { 
        // So that things work both on FF and IE 
        var evt = arguments[0] || event; 
        var char = String.fromCharCode(evt.which || evt.keyCode); 

        // Is it a lowercase character? 
        if (/[a-z]/.test(char)) { 
            // convert to uppercase version 
            if (evt.which) { 
                evt.which = char.toUpperCase().charCodeAt(0); 
            } 
            else { 
                evt.keyCode = char.toUpperCase().charCodeAt(0); 
            } 
        } 

        return true; 
    } 

这样使用：

   <asp:TextBox ID="txtAddManager" onKeyPress="ToUpper()" runat="server"  
         Width="84px" Font-Names="Courier New"></asp:TextBox> 

Answer 1

尝试：

 $(document).ready(function(){
          $("div").text("lower case.");
          var UCASE =  $("div").text($("div").text().toUpperCase());
          alert(UCASE);
    });

或

$(document).ready(function(){    
   var strVal = 'lowerCase!!' ;  
   alert(strVal.toUpperCase()); 
});

Answer 2

首先你可以使用CSS样式text-transform: uppercase来显示用户输入的大写数据：

editoptions: { dataInit: function (el) { $(el).css('text-transform', 'uppercase'); }}

该设置不会更改数据本身。所以你必须另外进行相应的修改。在表单编辑的情况下，您可以使用beforeSubmit。例如，让我们有列'name'，您需要将其保留为大写。然后你先在dataInit中添加text-transform: uppercase的设置（见上）并添加

beforeSubmit: function (postData) {
    postData.name = postData.name.toUpperCase();
    return [true, ''];
}

在内联编辑的情况下，没有beforeSubmit 回调函数。所以如果你有远程数据，你可以使用serializeRowData：

serializeRowData: function (postData) {
    postData.name = postData.name.toUpperCase();
    return postData;
}

如果使用editurl: 'clientArray'，您可以修复editRow和saveRow的aftersavefunc参数中的数据：

aftersavefunc: function (rowid) {
    var $grid = $(this),
        newName = $grid.jqGrid("getCell", rowid, 'name');
    $grid.jqGrid("setCell", rowid, 'name', newName.toUpperCase());
}

见the demo。