Listview edit item

listview

I have trouble with editing listview (asp.net 3.5 server control).
I want to accomplish following task. When click on edit button in my listview I want to open dialog window where I can edit user information.
The dialog is standard jquery dialog.

Issue I have is when I click on edit button, the edit button fires postback.
Is there a way that I can open my dialog without a postback but still to get my "CommandArgument" id through to dialog.

in my listview item template I have following

<asp:LinkButton CommandName="Edit" id="lbEditUser" CommandArgument='<%#Eval("id") %>' runat="server"  >Edit</asp:LinkButton>

and in my code behind

protected void lvUsers_OnItemCommand(object sender, ListViewCommandEventArgs e)
{

    if (String.Equals(e.CommandName, "Edit"))
    {
        var member = Member.GetMemberFromLoginName(lbEditUser.CommandArgument);
        // code 

    }

}

Best Answer

You'll need to change your Edit button to call a client-side function that opens your jQuery window, and then returns false. Returning false will cancel the postback. You can pass in your command argument as a parameter to your clientside function, or alternately add it somewhere else on the page where you can access it with javascript.

Something like this:

    <asp:LinkButton CommandName="Edit" id="lbEditUser" 
OnClientClick='myJavascript(<%#Eval("id") %>); return false;' 
runat="server">Edit</asp:LinkButton>

Related Solutions

Wpf – ListBox vs. ListView – how to choose for data binding

A ListView is a specialized ListBox (that is, it inherits from ListBox). It allows you to specify different views rather than a straight list. You can either roll your own view, or use GridView (think explorer-like "details view"). It's basically the multi-column listbox, the cousin of windows form's listview.

If you don't need the additional capabilities of ListView, you can certainly use ListBox if you're simply showing a list of items (Even if the template is complex).

Android – How to lazy load images in ListView in Android

Here's what I created to hold the images that my app is currently displaying. Please note that the "Log" object in use here is my custom wrapper around the final Log class inside Android.

package com.wilson.android.library;

/*
 Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.
*/
import java.io.IOException;

public class DrawableManager {
    private final Map<String, Drawable> drawableMap;

    public DrawableManager() {
        drawableMap = new HashMap<String, Drawable>();
    }

    public Drawable fetchDrawable(String urlString) {
        if (drawableMap.containsKey(urlString)) {
            return drawableMap.get(urlString);
        }

        Log.d(this.getClass().getSimpleName(), "image url:" + urlString);
        try {
            InputStream is = fetch(urlString);
            Drawable drawable = Drawable.createFromStream(is, "src");


            if (drawable != null) {
                drawableMap.put(urlString, drawable);
                Log.d(this.getClass().getSimpleName(), "got a thumbnail drawable: " + drawable.getBounds() + ", "
                        + drawable.getIntrinsicHeight() + "," + drawable.getIntrinsicWidth() + ", "
                        + drawable.getMinimumHeight() + "," + drawable.getMinimumWidth());
            } else {
              Log.w(this.getClass().getSimpleName(), "could not get thumbnail");
            }

            return drawable;
        } catch (MalformedURLException e) {
            Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
            return null;
        } catch (IOException e) {
            Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
            return null;
        }
    }

    public void fetchDrawableOnThread(final String urlString, final ImageView imageView) {
        if (drawableMap.containsKey(urlString)) {
            imageView.setImageDrawable(drawableMap.get(urlString));
        }

        final Handler handler = new Handler() {
            @Override
            public void handleMessage(Message message) {
                imageView.setImageDrawable((Drawable) message.obj);
            }
        };

        Thread thread = new Thread() {
            @Override
            public void run() {
                //TODO : set imageView to a "pending" image
                Drawable drawable = fetchDrawable(urlString);
                Message message = handler.obtainMessage(1, drawable);
                handler.sendMessage(message);
            }
        };
        thread.start();
    }

    private InputStream fetch(String urlString) throws MalformedURLException, IOException {
        DefaultHttpClient httpClient = new DefaultHttpClient();
        HttpGet request = new HttpGet(urlString);
        HttpResponse response = httpClient.execute(request);
        return response.getEntity().getContent();
    }
}

Best Answer

Related Solutions

Wpf – ListBox vs. ListView – how to choose for data binding

Android – How to lazy load images in ListView in Android

Related Topic