FlexSheet

All controls in ASP.NET MVC Edition are optimized for client-side web development.

You can access FlexSheet control on client-side with the help of wijmo.Control.getControl() method. Add the script that accesses the control after the control declaration. Use the control's Id to create its jQuery selector and use the client-side API.

FlexSheet has a powerful client API. The client side operations include sorting, filtering, formatting cells, cell merging, loading and saving excel, and adding custom functions.

The following code sample demonstrates how to access a FlexSheet control on client-side.

Client-Side Access	Copy Code
<script> var flexS; c1.mvc.Utils.documentReady(function () { flexS = wijmo.Control.getControl('#fSheet'); }); </script> <!--Instantiate FlexSheet and set its properties--> @(Html.C1().FlexSheet().CssClass("flexSheet").Id("fSheet") .AddUnboundSheet("Sheet1", 25, 12) .AddUnboundSheet("Sheet2", 25, 12) )

Client-Side Access

Copy Code

<script>
    var flexS;
    c1.mvc.Utils.documentReady(function () {
        flexS = wijmo.Control.getControl('#fSheet');        
    });
</script>

<!--Instantiate FlexSheet and set its properties-->
@(Html.C1().FlexSheet().CssClass("flexSheet").Id("fSheet")
    .AddUnboundSheet("Sheet1", 25, 12)
    .AddUnboundSheet("Sheet2", 25, 12)
    )

See Wijmo FlexSheet API Documentation for more information.