What's New?

[CLOSED] [2.0] Razor and Store LoadData

  1. #1
    Jun 28, 2012, 1:20 PM

    [CLOSED] [2.0] Razor and Store LoadData

    Hello,

    Just curious how one would load data into a store without a proxy; with razor.

    Any example? I've got a list of objects, would like to bind to the store.

    Cheers,
    Timothy
    Last edited by Daniil; Jun 28, 2012 at 9:05 PM. Reason: [CLOSED]
  2. #2
    Jun 28, 2012, 1:56 PM
    Hi,

    Just return a data from the controller and load them into the store client side.

    Example View
    <!DOCTYPE html>

<html>
<head>
    <title>Ext.Net.MVC v2 Example</title>    
</head>
<body>
    @Html.X().ResourceManager()

    @(Html.X().ComboBox()
        .QueryMode(DataLoadMode.Local)
        .Store(store =>
            store.Add(Html.X().Store()
                .ID("Store1")
                .Model(model =>
                    model.Add(Html.X().Model()
                        .Fields(fields =>
                        {
                            fields.Add(Html.X().ModelField().Name("text"));
                            fields.Add(Html.X().ModelField().Name("value"));
                        })
                    )
                )
            )
        )
    )

    @(Html.X().Button()
        .Text("LoadData")
        .DirectEvents(de =>
            {
                de.Click.Url = "/Razor/LoadData";
                de.Click.Success = "App.Store1.loadData(result.result);";
            }
        )
    )
</body>
</html>
    Example Action
    public ActionResult LoadData()
{
    object data = new object[]
    {
        new 
        {
            text = "Item 1",
            value = "1"
        },
        new 
        {
            text = "Item 2",
            value = "2"
        }
    };

    return new AjaxResult(data);
}
  3. #3
    Jun 28, 2012, 2:02 PM
    Another approach is using the X.GetCmp feature.

    Example View
    <!DOCTYPE html>

<html>
<head>
    <title>Ext.Net.MVC v2 Example</title>    
</head>
<body>
    @Html.X().ResourceManager()

    @(Html.X().ComboBox()
        .QueryMode(DataLoadMode.Local)
        .Store(store =>
            store.Add(Html.X().Store()
                .ID("Store1")
                .Model(model =>
                    model.Add(Html.X().Model()
                        .Fields(fields =>
                        {
                            fields.Add(Html.X().ModelField().Name("text"));
                            fields.Add(Html.X().ModelField().Name("value"));
                        })
                    )
                )
            )
        )
    )

    @(Html.X().Button()
        .Text("LoadData")
        .DirectEvents(de =>
            {
                de.Click.Url = "/Razor/LoadData";
                de.Click.ExtraParams.Add(new Parameter("storeId", "Store1", ParameterMode.Value));
            }
        )
    )
</body>
</html>
    Example Action
    public ActionResult LoadData(string storeId)
{
    Store store = X.GetCmp<Store>(storeId);
    object data = new object[]
    {
        new 
        {
            text = "Item 1",
            value = "1"
        },
        new 
        {
            text = "Item 2",
            value = "2"
        }
    };
    store.LoadData(data);

    return new AjaxResult();
}
  4. #4
    Jun 28, 2012, 2:05 PM
    Hello Daniil,

    Thanks for the suggestions. Is there a way to do it without having to call an action? Can you just call loadData on the store, from Razor, with a data object from the ViewData?

    Cheers,
    Timothy
  5. #5
    Jun 28, 2012, 2:15 PM
    Quote Originally Posted by Timothy View Post
    Can you just call loadData on the store, from Razor, with a data object from the ViewData?
    On the fly via JavaScript? I don't think so. Or, though, you should render that object data to client.

    Or do you need that on initial load? If so, just apply that object for Store DataSource.
  6. #6
    Jun 28, 2012, 2:34 PM
    Thanks Daniil, ugh I don't know why I didn't think of the DataSource property. I'll try working with that :)

    Cheers,
    Timothy
  7. #7
    Jun 28, 2012, 2:35 PM
    Quote Originally Posted by Daniil View Post
    Or do you need that on initial load? If so, just apply that object for Store DataSource.
    "Data" instead of "DataSource".

    @Html.X().Store().Control(c => { c.Data= ViewData["data"]; })
    We will add the Data property in v2.1.
  8. #8
    Jun 28, 2012, 2:52 PM
    Just want to clarify difference between Data and DataSource

    Data : object is serialized as is, will all properties (whole object serialization)
    DataSource: object is serialized according defined fields, if property is not defined in the fields then it will be skipped during serialization
    Last edited by Daniil; Aug 08, 2014 at 9:37 AM.
  9. #9
    Jun 28, 2012, 6:45 PM
    Quote Originally Posted by Vladimir View Post
    Just want to clarify difference between Data and DataSource

    Data : object is serialized as is, will all properties (whole object deserialization)
    DataSource: object is serialized according defined fields, if property is not defined in the fields then it will be skipped during serialization
    Thanks! I appreciate the clarification. The Data property worked in my case as I'm using an anonymous type.

    You can close this item.

    Cheers,
    Timothy

Similar Threads

  1. Store.loadData()
    By glenh in forum 1.x Help
    Replies: 2
    Last Post: Dec 05, 2011, 3:34 AM
  2. About Ext.Net Store.loadData
    By caoit in forum 1.x Help
    Replies: 0
    Last Post: Apr 26, 2011, 2:41 AM
  3. [1.0] Store.LoadData vs DataBind
    By Kam in forum 1.x Help
    Replies: 1
    Last Post: Apr 19, 2011, 11:00 AM
  4. [CLOSED] Store loadData() wierd error.
    By capecod in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Nov 10, 2010, 8:46 AM
  5. Ext.Net Store.loadData
    By cleve in forum 1.x Help
    Replies: 4
    Last Post: Jun 29, 2010, 4:19 PM

Tags for this Thread

Posting Permissions