How to create custom filter toolbar html helper in mvc3

Question

I'm strugling on this for quite a while now. I need to create a custom mvc3 html helper for easy filter and toolbar management.

All that helper should look something like this below or something similar. What i want to do is to have a helper where i could give toolbar buttons and filter fields and it generate a toolbar and filter form for me.

I just can't figure it out, because i'm quite new in asp.net mvc

@Html.Toolbar(x => {
   x.AddFilterButton();
   x.AddButton("Naujas");
   x.AddDropDownList();
   },
   @<text>
   @Html.EditorFor(Model.ListFilter.Name)
   Filter
   ResetFilter
   </text>,
   filterVisible: false)

How i could achieve this? Any help would be highly apreciated. Thanks indeed.

I would like to help you. But there are many different things mixed in your question, so i need a hour to answer ;) For your lambda (x => { x.Add(...)) part you should get familiar with expression trees. The rest is not hard to master. I suggest you to download the source of mvc3, mvcContrib or telerik. They had this in their grids and other controls. — dknaack
– dknaack, Commented Nov 14, 2011 at 16:53

Paul Tyng · Accepted Answer · 2012-02-02 23:41:35Z

Something like this:

public static class ToolbarExtensions {
    public static Toolbar Toolbar<T>(this HtmlHelper<T> html) {
        return new Toolbar();
    }
}

public class Toolbar : IHtmlString {
    public string ToHtmlString() { /* build your HTML off the state here */ }

    public Toolbar AddButton(string label) {
        /* build up state here */

        return this;
    }
}

The syntax on this would be a little different, instead of a lambda, would look like this:

@Html.Toolbar().AddButton("Button 1").AddButton("Button 2")

But you could easily change it to use a chaining object in the lambda instead of on the Toolbar method call.

The IHtmlString interface tells the ViewEngine to output the object as raw HTML when its encountered. The chaining is just achieved by returning the current instance in your methods after modifying the object state.

Collectives™ on Stack Overflow

How to create custom filter toolbar html helper in mvc3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related