jQuery Grid Plugin - jqGridForum

Topic RSS

Adding different action icons to a column generated from XML subelements

21/05/2013
01:09

thepenguinwhisperer

Member

Members

Forum Posts: 6

Member Since:
20/05/2013

Offline

Hi all,

I'm currently trying to fill a column with different icons that each have javascript code to execute when they get clicked.

Coding the part to show the other columns was easy.

However for these actions the xml is formed as follows(note that the parts with tmpl are actually parsed on the server side to fill in the xml; this just shows the structure; there can be different actions for different transfers):

<?xml version='1.0' encoding='utf-8'?>
<transferslisting>
   <page><tmpl_var name="transferlist_page"></page>
   <total><tmpl_var name="transferlist_total_pages"></total>
   <records><tmpl_var name="transferlist_count"></records>
   <transfers>
       <tmpl_loop name="transferlist_torrents">
       <transfer id='<tmpl_var name="url_entry">'>
           <details><![CDATA[ <tmpl_var name="details_action"> ]]></details>
           <path><![CDATA[ <tmpl_var name="url_path"> ]]></path>
           <name><![CDATA[ <tmpl_var name="displayname"> ]]></name>
           <uprate><tmpl_var name="up_speed"></uprate>
           <downrate><tmpl_var name="down_speed"></downrate>
           <owner> <tmpl_if name="is_owner"> <![CDATA[ images/checked.png ]]>
               <tmpl_else> <![CDATA[ images/edit.png ]]></tmpl_if>
           </owner>
           <percentage><tmpl_var name="percentage"></percentage>
           <status><![CDATA[ <tmpl_var name="statusStr"> ]]></status>
           <size><tmpl_var name="format_af_size"></size>
           <eta><![CDATA[ <tmpl_var name="esttime"> ]]></eta>
           <actions>
               <tmpl_loop name="transfer_actions">
               <action>
                   <script><![CDATA[<tmpl_var name="action_name">]]></script>
                   <script><![CDATA[<tmpl_var name="image">]]></script>
                   <image><![CDATA[<tmpl_var name="script">]]></image>
               </action>
               </tmpl_loop>
           </actions>
       </transfer>
       </tmpl_loop>
   </transfers>
</transferslisting>

The important element is "action". So in the last column I want that for each action in the actions element, some html code is generated with a clickable image. I would expect that I have to use a formatter on the "actions" element. Or does it has to be on the "action" element? Furthermore, how do I loop through them? Do I just pick the cellValue that is passed to the formatter and start parsing (with some xml parsing code or just some fiddling around with strings)?

I have to admit that I don't have experience with parsing xml.

Any help is greatly appreciated!

21/05/2013
02:16

thepenguinwhisperer

Member

Members

Forum Posts: 6

Member Since:
20/05/2013

Offline

I'm currently trying something like this (with a formatter on the actions xml mapping):

function formatActions(cellValue, options, rowObject) {
       actions = $('actions', rowObject);
       output = "";
       $('action', actions).each(
           function(i) {
               actionName = $(this).find("action_name").text();
               image = $(this).find("image").text();
               script = $(this).find("script").text();

               output += actionName + " ";
           }
       );

       return output;
   }

However this fails. I don't get into the function(i).

When I step through the code I actually get on the function(i) line, however no code inside it is executed.

It then goes just to the return line.

21/05/2013
12:10

thepenguinwhisperer

Member

Members

Forum Posts: 6

Member Since:
20/05/2013

Offline

Note that the elements in actions should be script, name and image(I used the same name 2 times).

I fixed it in the following way (with a formatter on the actions column; I hope it helps someone else):

 +  function formatActions(cellValue, options, rowObject) {
 +    actions = $(rowObject).find("actions");
 +    var output = "";
 +    $('action', actions).each(
 +      function(i) {
 +        actionName = $(this).find("name").text();
 +        image = $(this).find("image").text();
 +        script = $(this).find("script").text();
 +
 +        output += "<img src="" + image + "" title="" + actionName + "" onclick="javascript:" + script + ""/>";
 +      }
 +    );
 +
 +    return output;
 +  }

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
47 Guest(s)

Currently Browsing this Page:
1 Guest(s)