SitePoint Sponsor

User Tag List

Results 1 to 16 of 16

Thread: jqGrid ?

  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    jqGrid ?

    Hi guys

    I'm trying to display the navigator with add, edit and delete,
    below are the codes,
    My First Grid

    and below is the .htm
    My First Grid

    What the hell I'm missing here?, because it's not showing anything?

    Thanks in advanced.

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,527
    Mentioned
    84 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by solidcodes View Post
    What the hell I'm missing here?, because it's not showing anything?
    Which web browser are you using, because depending on which one you use, there are some different errors that they can help you to find.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by paul_wilkins View Post
    Which web browser are you using, because depending on which one you use, there are some different errors that they can help you to find.
    I'm using FireFox 4 and Safari.

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,527
    Mentioned
    84 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by solidcodes View Post
    I'm using FireFox 4 and Safari.
    Okay, with Firefox you can get a web development extension called Firebug.

    In the Net tab of Firebug you'll see that one of the script files is not loading, because either the HTML script reference is incorrect, or the script file is not on the server where you expect it to be.

    If you use Google Chrome, that provides a very nice interface when debugging your code too.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by paul_wilkins View Post
    Okay, with Firefox you can get a web development extension called Firebug.

    In the Net tab of Firebug you'll see that one of the script files is not loading, because either the HTML script reference is incorrect, or the script file is not on the server where you expect it to be.

    If you use Google Chrome, that provides a very nice interface when debugging your code too.

    @paul

    Are you referring to the jquery-ui-1.7.1.custom.css file?

    If yes then I'll try to fix it.

    Thanks I'm learning to use FireBug with you.

  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,527
    Mentioned
    84 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by solidcodes View Post
    Are you referring to the jquery-ui-1.7.1.custom.css file?

    If yes then I'll try to fix it.
    That's a part of it, yes.

    Quote Originally Posted by solidcodes View Post
    Thanks I'm learning to use FireBug with you.
    The other thing that Firebug shows you is in its Console tab, where it shows you the scripting line that has the problem.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  7. #7
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Arrow

    Quote Originally Posted by paul_wilkins View Post
    That's a part of it, yes.



    The other thing that Firebug shows you is in its Console tab, where it shows you the scripting line that has the problem.
    @paul

    thanks

    On the NET tab of FireBug
    Are those URL in red are invalid? Does it means the browser can't find those links? Correct me if I'm wrong.

    By the way I saw what you mean in the Console Tab in Firebug
    It's the "Invalid Object Initializer".

    What is this mean? and how do I fix this?

    Thanks in advanced again.

  8. #8
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,527
    Mentioned
    84 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by solidcodes View Post
    On the NET tab of FireBug
    Are those URL in red are invalid? Does it means the browser can't find those links?
    The red line shows a status message of "404 Not Found" so yes, it can't find that CSS file.

    Quote Originally Posted by solidcodes View Post
    By the way I saw what you mean in the Console Tab in Firebug
    It's the "Invalid Object Initializer".

    What is this mean?
    Here's the line that it's complaining about:

    Code javascript:
    }).navGrid('#pager',{parameters}, prmEdit, prmAdd, prmDel, prmSearch, prmView);

    What part of that line is the object?

    Quote Originally Posted by solidcodes View Post
    and how do I fix this?
    Either, provide a proper object initialization, or remove the object.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  9. #9
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    .navGrid ?

    Actually this is a JQuery Plugin, I'm not sure about the --> {parameters}
    The Documentation of jqGrid plugin is not really in detail.

    I hope you can help me.

  10. #10
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @paul
    By the way this is the documentation.
    wiki:navigator - jqGrid Wiki

    I'm not sure how to add the parameters?
    I hope you can help me out with this.

    Thanks again in advanced.

  11. #11
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,527
    Mentioned
    84 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by solidcodes View Post
    .navGrid ?

    Actually this is a JQuery Plugin, I'm not sure about the --> {parameters}
    The Documentation of jqGrid plugin is not really in detail.
    Just remove it until you find a need to have some parameters there.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  12. #12
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by paul_wilkins View Post
    Just remove it until you find a need to have some parameters there.
    @paul

    thanks, because of you the CSS is now working properly,
    My First Grid

    Anyway my real problem here is to add the Edit and Delete buttons in the Navigator.

    Paul have you tried jqGrid before? I'm just curious.

  13. #13
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,527
    Mentioned
    84 Post(s)
    Tagged
    4 Thread(s)
    I haven't used this particular grid, but there are several jQuery grids that exist.
    See the jQueryUI blog post on unleash the grid where they list all sorts of other grids that they are taking inspiration from.

    With your particular grid, go to its demo page, go to Live Data Manipulation and select Navigator.

    You will see a live demo of it in action, along with the code used to achieve it.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  14. #14
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @paul

    Just want to share this to you also.
    Actually I found the jqGrid in this url,
    PHP Team: 10 jQuery Datagrid Plugins

    It's the first grid in the list.

    I'll try to review your Grid, I guess it's much more advanced and updated?

  15. #15
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,527
    Mentioned
    84 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by solidcodes View Post
    I'll try to review your Grid, I guess it's much more advanced and updated?
    It will be, it doesn't exist yet. jQueryUI still have it under development.

    The place to go for jqGrid demos is their demo page.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  16. #16
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @paul

    Cool, I guess this is very helpful,
    jqGrid Demos

    I really did not found that.
    Thanks to you again paul.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •