Flexigrid Drop Down

435 views
Skip to first unread message

poyor7

unread,
Mar 16, 2012, 3:54:23 AM3/16/12
to Flexigrid for jQuery
Currently I have my first time flexigrid running

-Php combo with sql server (using PDO sqlsrv) :successful
-Toolbar Add, edit and delete :successful
-Toolbar SelectAll and DeselectAll :successful
-Search with search button :successful

Everythings work perfectly.

One things that i still fail to do is drop down based. one of good
example i found is :http://iwlearn.net/publications/document-center/
but still cannot figure it out...anywho anyhow anyone?

poyor7

unread,
Mar 19, 2012, 4:01:22 AM3/19/12
to Flexigrid for jQuery
Ignore my post....already figure it out :)

Adan Ruiz

unread,
May 16, 2012, 3:34:04 AM5/16/12
to flex...@googlegroups.com
? I dont know what are they doing, what I only see is the reload:
$('#flexitopicresults').flexOptions({newp: 1}).flexReload(); 

I still cannot understand, how are they gaving the input result to the search, any tips?

poyor7

unread,
May 20, 2012, 11:05:54 PM5/20/12
to flex...@googlegroups.com
Basic Skeleton

<form id="projectsearchform" name="projectsearchform" method="get" action="">

</form>
$(document).ready(function(){

   $("#projectsearchform").find("select").each(function(i) {
     $(this).change(function( objEvent ){
         $('#flex1').flexOptions({newp: 1}).flexReload();
        }) ;
   });

});

    $("#flex1").flexigrid
            (
            {
            url: '',
            dataType: 'json',
            colModel : [ ],
            sortname: 'created', sortorder: 'desc',
            usepager: true,
            title: 'Document Center',
            useRp: true,
            rp: 50,
            showTableToggleBtn: false,
            width: 900,
            onSubmit: addFormData,
            height: 400
            }
            );

function addFormData() {

        var dt = $('#projectsearchform').serializeArray();
        $("#flex1").flexOptions({params: dt});
        return true;
        };

$('#projectsearchform').submit
(
    function ()
        {
            $('#flex1').flexOptions({newp: 1}).flexReload();
            return false;
        }
);   
Reply all
Reply to author
Forward
0 new messages