Javascript 错误，转义问题，网格不工作，Firebug 错误

Question

我们刚刚开始使用 Sigma Grid，与其他网格相比，它的功能非常棒。

但我在使用 Sigma Grid 时遇到了一些问题，或者可能与 javascript 有关。我不知道问题出在网格还是我的代码上。

我有一个包含 3 个字段的表，即 MailID、MailName、MailData。

MailID 是 int ，MailName 和 MailData 包含 HTML 内容，它在数据库中保存为字符串。

当我加载网格时，我遇到了一些问题。

问题 1:

---

正如我上面所说的 Maildata 包含 html 内容，下图只是 <*b> 的示例，您可以看到 HTML 自动呈现在网格本身上，我需要确切的字符串。

请检查下图。

问题 2:

---

正如你所看到的，我在网格上有链接，用于编辑、发送、删除，但在一个文件中它已损坏。[检查下图]

我用来呈现链接的代码如下。

{id: 'mailid' ,  header: "Action", width :120 , resizable : false, sortable : false , printable : false ,
        renderer : function(value ,record,columnObj,grid,colNo,rowNo){
                var no= record[columnObj.fieldIndex];
                var cod =  (record['maildata']);
                return '<a href=\"#\" class=\"myli\" onClick="showalert('+no+');">Edit</a> | <a href=\"#\" onClick=\"alert('+cod+')\";>Send</a> | <a href=\"#\">Delete</a>';

问题 3:

---

MailData 的第三个值是 5，它是整数，当我提醒该值时它显示正确。检查下图。

但是当我警告 maildata 的第二个值时它给出错误，MailData 的第二个值是“hai newuser”，它在 firebug 上显示以下错误。

missing ) after argument list
 alert(hai newuser)

检查下图。

但是当我提醒 MailData 的第 9 个值时它运行正确，内容是 <b>poy</b> ，这个也保存为字符串，但是网格自动加粗 [我不喜欢]。检查下图。

还有一些其他的 7the 值包含 ;".: 等，还有/b，当我警告数据时它显示以下错误，

unexpected end of XML source
 alert(<b>jjfdslkdjflsdnfsldfnf

dsOptions 和 ColOptions 紧随其后。

var dsOption= {

    fields :[
        {name : 'mailid'  },
        {name : 'mailname',type:"text"  },
        {name : 'maildata',type:"text"  }






    ],

    recordType : 'object',


}


    function my_renderer(value ,record,columnObj,grid,colNo,rowNo)
    {
        var no= record[columnObj.fieldIndex];
        return "<img src=\"./images/flag_" + no.toLowerCase() + ".gif\">";
        }
        function showalert(no)
        {
        $(document).ready(function()
        {



        $.post("http://localhost/power/index.php/power/give",{ name: no}, function(data)
            {
            //alert("Data Loaded: " + data);
            $("#editor").show("fast");
            $( '#txtar' ).ckeditor();
            $('#txtar' ).val( data.maildata );
            //$("#editor").html(data);
            },"json"
         );

        });
        }



var colsOption = [
     {id: 'mailid' , header: "Mail ID" , width :60},
     {id: 'mailname' , header: "Mail Name" , width :160 ,type:"text"},
       {id: 'maildata' , header: "Mail Data" , width :190,type:"text" },
        {header: "Group" , width :70,
     editor : { type :"select" ,options : {'php':'php','asp':'asp'} 
     ,defaultText : 'php' }  },


       {id: 'mailid' ,  header: "Action", width :120 , resizable : false, sortable : false , printable : false ,
        renderer : function(value ,record,columnObj,grid,colNo,rowNo){
                var no= record[columnObj.fieldIndex];
                var cod =  (record['maildata']);
                return '<a href=\"#\" class=\"myli\" onClick="showalert('+no+');">Edit</a> | <a href=\"#\" onClick=\"alert('+cod+')\";>Send</a> | <a href=\"#\">Delete</a>';
            }  } 
];

我是 Javascript 和 Sigmagrid 的新手，我认为我在用代码做一些最糟糕的事情，请帮助我取得成功。

谢谢。

注意:我也在 Sigma Grid 论坛上发布了同样的问题，我认为这不是问题。

Answer 1

问题2

字符串 cod 包含一个 >

问题3

字符串hai newuser需要包含在"或'中否则被认为是变量名

基本上您必须决定——您是否要验证 html。如果您不验证 HTML，则数据中的 html 错误将在您的页面上显示为错误。您还可以对 html 进行 HTML 转义，这样您将看到 HTML 代码——这可能是最好的方案。

其他网站使用(比如这个网站)使用 markdown——这更容易验证——然后它们在显示之前生成实际的 HTML。

此外，您在警报方面遇到了问题。警报显示的是字符串而不是 HTML，因此您将看到您所看到的——与预期不同的结果取决于 HTML。

---

我会退后一步问问自己 -- 数据的类型是什么，我将如何显示它。如果它是 HTML，我将如何验证它是否有效。

有你需要解决的问题——你的例子都源于这个问题。