gpt4 book ai didi

javascript - 如何将脚本添加到 jqgrid 中行上的自定义按钮?

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:39:24 24 4
gpt4 key购买 nike

我正在尝试处理 jqgrid 中自定义按钮的点击。我显示了按钮,但是单击它们时,我的功能没有运行。如果我单击 jqgrid 外部的按钮,脚本就会运行。 jqgrid 是否消耗按钮点击?不确定我缺少或不理解的内容。这是网格。我没有重新加载整个网格的原因是服务器上的处理太多,一旦 editurl 处理“发送”,就需要手动删除客户端上的行。 参见:$(".sendbuttons").click(function(){

...

        <style type="text/css">
.sendbuttons {
height:19px;
width:60px;
color:red;
}
</style>

<script language="javascript">

jQuery(document).ready(function(){
var last_row;
jQuery("#gridlist").jqGrid({
url:'manual_responses.php',
datatype: "json",
colNames:['ID','Image','Keyword','send Found','Proposed send',''],
colModel:[
{name:'item_id', index:'item_id', width:45, editable:false, hidden:true},
{name:'image', index:'image', width:45},
{name:'keyword',index:'keyword', width:100, editable: false},
{name:'item_found',index:'item_found', width:130, editable: false},
{name:'proposed_send',index:'proposed_send', width:130, editable: true, edittype:"textarea", editoptions:{rows:"2",cols:"37"}},
{name:'options',index:'options',width:40,editable: false}
],
rowNum:40,
rowList:[20,40,60],
imgpath: 'css/themes/sand/images',
sortname: 'keyword',
viewrecords: true,
sortorder: "asc",
caption:"Proposed sends",
onSelectRow: function(item_id){
if(item_id && item_id!==last_row){
jQuery("#gridlist").restoreRow(last_row);
jQuery("#gridlist").editRow(item_id,true);
last_row=item_id;
}
},
loadComplete: function(){
//alert('ok, loadComplete running');
var ids = jQuery("#gridlist").getDataIDs();
for(var i=0;i<ids.length;i++){
var cl = ids[i];
send = "<input class='sendbuttons' id='tbuttonSend"+cl+"' type='button' value='Send' /><br />";
clear = "<input class='sendbuttons' id='tbuttonClear"+cl+"' type='button' value='Send' /><br />";
jQuery("#gridlist").setRowData(ids[i],{options:send+clear})
}
},
editurl: "item_send.php",
height:400,
width:796,
reloadAfterSubmit:false
}).navGrid('#pager2',{edit:true,add:false,del:false });

$(".sendbuttons").click(function(){
alert("got to 1");
});
});

</script>
</head>
<body>

<table id="gridlist" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager2" class="scroll" style="text-align:center;"></div>

<input type='button' class='sendbuttons' id='323423x' value='go:'/>

</body>
</html>

最佳答案

很明显,点击事件,

$(".sendbuttons").click(function(){
alert("got to 1");
});

永远不会触发,因为单击该行会消耗它。但是,您可以在按钮中放入自己的 onclick 代码。

send = "<input name='send' class='tweetbuttons' id='tbuttonSend"+cl+
"' type='button' value='Send'
onclick=jQuery('#list2').saveRow("+cl+",function(){alert('made it here')},item_send); /><br />";

正如我在评论中所讨论的,我可以使用任何参数调用 saveRow 函数。

关于javascript - 如何将脚本添加到 jqgrid 中行上的自定义按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1384685/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com