jQuery Grid Charset

时间:2012-08-27 22:27:15

标签: jquery character-encoding struts2-jquery jqgrid

我目前正在使用jQuery Grid来显示用西班牙语编写的数据,数据与重音符号(')完美显示但是每当我尝试使用重音搜索数据时服务器都会收到格式错误的字符串,如∫√而不是带重音的字母

我也确定这是一个jQuery Grid问题,因为我能够在同一页面中使用重音提交表单来发送数据。

我还在标题中添加了内容类型,如下所示:

<%@ page contentType="text/html;charset=UTF-8" %>
<sj:head jquerytheme="redmond" locale="es" />

这是我在struts2插件中使用的jQuery网格的代码。

<s:url id="remoteurl" action="tabla-historial-director"  />
<s:url id="selectperiodourl" action="periodos" />

<sjg:grid
    id="grid"
    caption="Trabajos Terminales dirigidos"
    dataType="json"
    href="%{remoteurl}"
    pager="true"
    navigator="true"
    navigatorAdd="false"
    navigatorDelete="false"
    navigatorEdit="false"  
    gridModel="gridModel"
    rowList="3,10,15,20"
    rowNum="10"
    hidegrid="false"
    gridview="true"
    viewrecords="true"
>
    <sjg:gridColumn 
    align="center"  
        name="numRegistro"
        index="numRegistro"
        title="No. de registro"
        width="120"
        sortable="true"
        search="true"
        searchoptions="{sopt:['eq']}"
    />
    <sjg:gridColumn
        name="titulo"
        index="titulo"
        title="Título"
        width="840"
        search="true"
        searchoptions="{sopt:['cn']}"
    />
    <sjg:gridColumn
        align="center"
        name="tipo"
        index="tipo"
        title="Tipo"
        width="60"
        search="false"
    />
    <sjg:gridColumn
        align="center"
        name="periodo"
        index="periodo"
        title="Periodo"
        width="80"
        search="true"
        surl="%{selectcountrysurl}"
        searchoptions="{sopt:['eq'], dataUrl : '%{selectperiodourl}'}"
        searchtype="select"
    />
    <sjg:gridColumn
        align="center"
        index="objetivo"
        name="objetivo"
        editable="true"
        sortable="true"
        hidden="true"
        editrules="{ edithidden : true } "
        title="Objetivo"
        width="20"
    />
    <sjg:gridColumn 
        search="false"
        sortable="false"
        name="idTT"
        key="true" 
        title="Acción"
        width="80"
        formatter="formatLink"
    />
</sjg:grid>

我想知道如何使用搜索按钮以及西班牙语口音,非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

有人可能在这里解决了类似的问题: JQuery punctuation for spanish (ó, í, etc.) not working in IE8

他做了以下事情:

header("text/html; charset=iso-8859-1");

以下是这个答案中的一些线索: jQuery AJAX Character Encoding

那家伙怎么说: “UTF-8应该处理所有重音和外来字符 - 为什么不在数据源上使用它?

首先应该是UTF-8。我在notepad ++中加载文件,转换为utf-8并手动将字符改为重音符号。一旦完成,一切都像魅力一样。

顺便说一句,除非你的服务器被定义为php-process .html文件,否则你用ajax加载的文件都没有得到你的iso字符集。如果你坚持使用iso charset,请求php文件而不是html文件,并在标题中定义charset(不在文件本身中)“

这对你有帮助吗?

您可以随时尝试html友好代码,并将其替换为您的搜索: http://webdesign.about.com/od/localization/l/blhtmlcodes-sp.htm

另一个人在这里碰到了一些西班牙语角色问题: http://ianloic.com/2009/12/27/jquery-selector-escaping/

他写了一个逃避函数,可能不是你想要的:

(function($) {
if ($) {
var escape_re = /[#;&,\.\+\*~':"!\^\$\[\]\(\)=>|\/\\]/,
escapeCharacters = {
‘#’: 1,
‘;’: 1,
‘&’: 1,
‘,’: 1,
‘.’: 1,
‘+’: 1,
‘*’: 1,
‘~’: 1,
‘\”: 1,
‘:’: 1,
‘”‘: 1,
‘!’: 1,
‘^’: 1,
‘$’: 1,
‘[': 1,
']‘: 1,
‘(‘: 1,
‘)’: 1,
‘=’: 1,
‘>’: 1,
‘|’: 1,
‘/’: 1,
‘\\’: 1
};
$.escape = function(s){
var ret = ”, offset;
if (s && ((offset = s.search(escape_re)) !== -1)) { // look for an occurence of a special character
ret = s.substr(0, offset) + ‘\\’ + s[offset];
for(var i=offset + 1, len=s.length, ch; i < len; i++){ // assume that another special character may occur so we just loop through the rest of the string
ch = s[i];
ret += (escapeCharacters[ch]? '\\': '') + ch;
}
}
return ret;
};
}
})(window.jQuery);

HTH