Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Messages - ridwanhabbal

Pages: [1] 2
1
Help for ParamQuery Select / insert options not in the list
« on: December 14, 2015, 01:33:58 pm »
Hi,

I use multiselect dropdown perfectly. However, the user would like to insert some options that are not in the list. This is similar to functionality used in the TO, CC field in Hotmail or gmail email form. There the user may select an item from the pre-defined list or and insert a totally new email.

Does this paramquery support this? any other suggestions if not applicable please

Best Regards,
Ridwan Habbal

2
Help for ParamQuery Select / Re: Changing styles of select component
« on: September 15, 2015, 10:30:42 pm »
Hello, is there someone who would like to help me? Please

3
Help for ParamQuery Select / Re: Changing styles of select component
« on: September 14, 2015, 12:34:28 pm »
Hi everybody... anybody would like to help please?

4
Help for ParamQuery Select / Re: Changing styles of select component
« on: September 13, 2015, 04:46:33 pm »
Hi,

Thanks for support. I have another issue now. The issue is that I have some select item to be disabled / enabled based on specific input. I could archive that by calling:
$("#recievingMethodId").pqSelect("enable");
$("#recievingMethodId").pqSelect("disable");
However, the style that gets applied when the multiple select item is disabled needs to changed to look like the style I apply for other regular items.
When the item is enabled the style looks ok. Only when it's disabled.

Thanks in advance.
Ridwan

5
Hi,

Any idea pls?

Regards,
Ridwan

6
Could some one assist me plz

7
Really thanks....
But how can I access the row data. I've been doing something like
//alert(ui.rowIndx);
                  //alert(ui.rowIndxPage);
                  var data = ui.dataModel.data[ui.rowIndx];
                  alert("Rank is: "+data[0]);
for rowCLick
Could you please help?

Thanks

8
Hi,

Is localization of param grid to Arabic supported? please provide instuctions if there is more than the localization example on the site
 var $grid=$("div#grid-localize").pqGrid(obj);             
    $("#select-locale").change(function(evt){
        var locale=$(this).val();
        $grid.pqGrid("option", $.paramquery.pqGrid.regional[locale]);
        //$.paramquery.pqGrid.setDefaults($.paramquery.pqGrid.regional[locale]);
        $grid.find(".pq-pager").pqPager("option", $.paramquery.pqPager.regional[locale]);
        //$.paramquery.pqPager.setDefaults($.paramquery.pqPager.regional[locale]);
    });

9
Hi everybody
Any suggestion? please assist?
Thanks
Ridwan

10
Hi,

I have created the following sample based on the downloaded package from the sight. it's all fine but rightclick event is not getting fired

Please check line: $("#grid_table").on( "pqgridrowrightclick", function( event, ui ) {alert();} );
$("#grid_table").pqGrid({
            rowRightClick: function( event, ui ) {
                  //alert(ui.rowIndx);
                  //alert(ui.rowIndxPage);
                  var data = ui.dataModel.data[ui.rowIndx];
                  alert("Rank is: "+data[0]);
            }
         });


function changeToGrid(that) {
            var tbl = $("table.fortune500");
            var obj = $.paramquery.tableToArray(tbl);
            var newObj = { width: 700, height: 400, numberCell: false, title: "Grid From Table", resizable: false, editable:false };
            newObj.dataModel = { data: obj.data, rPP: 20, paging: "local" };
            newObj.colModel = obj.colModel;
         var columns = [
            { title: "Rank", width: 100, dataIndx: "0", hidden: true },
            { title: "Company", width: 130, dataIndx: "1" },
            { title: "Revenues ($ millions)", width: 190, dataIndx: "2" },
            { title: "Profits ($ millions)", width: 100, dataIndx: "3", align: "right" },
            { title: "Links", width: 100, dataIndx: "4", align: "right" },
         ];
         newObj.colModel = columns;
         newObj.dataModel = { data: obj.data, rPP: 20, paging: "local"};
            $("#grid_table").pqGrid(newObj);
         $("#grid_table").pqGrid({
            rowClick: function( event, ui ) {
                  //alert(ui.rowIndx);
                  //alert(ui.rowIndxPage);
                  var data = ui.dataModel.data[ui.rowIndx];
                  alert("Rank is: "+data[0]);
            }
         });
         $("#grid_table").on( "pqgridrowrightclick", function( event, ui ) {alert();} );
            $(that).val("Change Grid back to Table");
            tbl.css("display", "none");
        }

Thanks and Regards,
Ridwan

11
Help for ParamQuery Select / Re: Changing styles of select component
« on: June 16, 2015, 12:28:14 pm »
Thanks for the help. It works now
One more issue is now, the combo box get appeared however, the drop down menu that contains the elements is getting displayed behind the popup. I tried to play with z-index property and make the z-index of (.pq-select-menu, .pq-select-popup) higher than the popup css class. but no hope.
maybe I applied it incorrectly or maybe you have another solution.

Thanks in advance
Ridwan

12
Help for ParamQuery Select / Re: Changing styles of select component
« on: June 15, 2015, 04:27:44 am »
Hi everybody
Any hint? Hope you help me
Thanks
Ridwan

13
Help for ParamQuery Select / Re: Changing styles of select component
« on: June 14, 2015, 12:58:32 pm »
Thanks for the help.

I have another issue. When I apply the searchable combo style to a select item it works fine, however, when I apply it inside a div that is configured to work as a modal popup it fails. I tried to see which attribute of the style of the enclosing div conflicts and it turned out it is : display. when display=none, I get the problem. the css for the modal popup is

.popupDialogClass{
   background-color:white;
   display:none;
   padding: 10px;    
   border: 2px solid #ddd;
   float: left;
   font-size: 1.2em;
   position: fixed;
   top: 50%; left: 50%;
   z-index: 99999;
   box-shadow: 0px 0px 20px #999;
   -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
   border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}
when I set display=block it works fine, however, I have to set display =none because the modal popup is initially closed.

Any hint?
Thanks
Ridwan

14
Hi everybody...
Can't anyone give a hint regarding this?
Thanks for help in advance
Ridwan

15
Help for ParamQuery Select / Changing styles of select component
« on: May 10, 2015, 06:17:52 pm »
Hi,

I have added the selector to my application. However, when I apply the css for all like the following, I get the whole page elements get affected.
<style type="text/css">
         *{
                padding:0px;margin:0px;
            font-size:12px;
            font-family:Verdana, Geneva, Helvetica, sans-serif;
                line-height:20px;                            
         }
         
           
      </style>

I tried to apply the class or some style using some javascript code and jquery but they failed. so can you advise how to change the css custom things, not changing the jquery in the import url, so I can set myspecific border color and keep the rest as is, similarly, changing the background color.

Please advise.

Regards,
Ridwan Habbal

Pages: [1] 2