jQuery模式对话框和jqGrid

前端之家收集整理的这篇文章主要介绍了jQuery模式对话框和jqGrid前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如何在jqGrid中使用Jquery模式确认?说当我提交我的条目时,它会弹出一个模态对话框,并显示带有发送到服务器的消息的名称.

我的方法

  1. $("#dialog-confirm").dialog({
  2. autoOpen:false,resizable:false,height:180,modal:true,buttons:{
  3. 'Confirm': function(){
  4. var ids =jQuery("#list10").jqGrid('getGridParam','selarrrow');
  5. $.ajax({
  6. type: "POST",url: "url&names="+ids,data: JSON.stringify(ids),dataType: "json"
  7. });
  8. },'cancel': function(){
  9. $(this).dialog('close');
  10. }
  11. }
  12. });
  13. });

我的HTML:

在那个对话框中我也需要发送这些名称……但是这种方法不会从我选择将其发送到服务器的网格中给出我的名字.

最佳答案
以下代码可以满足您的需求

  1. $("#wics").click( function(){
  2. var grid = jQuery("#list10");
  3. var ids = grid.jqGrid('getGridParam','selarrrow');
  4. if (ids.length>0) {
  5. var names = [];
  6. for (var i=0,il=ids.length; i < il; i++) {
  7. var name = grid.jqGrid('getCell',ids[i],'Name');
  8. names.push(name);
  9. }
  10. //alert ("Names: " + names.join(",") + "; ids: " + ids.join(","));
  11. $("#names").html(names.join(","));
  12. $("#dialog-confirm").dialog({
  13. height:280,buttons:{
  14. 'Cancel': function(){
  15. $(this).dialog('close');
  16. },'Confirm': function(){
  17. //alert("Confirm");
  18. $.ajax({
  19. type: "POST",url: "/cpsb/unprocessedOrders.do",data: { method: "releaseTowics",orderNum: JSON.stringify(ids),names: JSON.stringify(names)
  20. },dataType: "json",success: function(msg){
  21. alert(msg);
  22. },error: function(res,status,exeption) {
  23. alert(res);
  24. }
  25. });
  26. }
  27. }
  28. });
  29. }
  30. });

确切的原因解决方案取决于您在服务器端的要求.你可以在这里尝试这个(没有ajax请求)http://www.ok-soft-gmbh.com/jqGrid/DataToMultiSelect2.htm.选择一些项目,然后单击“获取选择”按钮.

猜你在找的jQuery相关文章