houwasystemdesign

<Window x:Class="PrismSample.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:prism="http://prismlibrary.com/"
        prism:ViewModelLocator.AutoWireViewModel="True"
        Title="{Binding Title}" Height="350" Width="525">
    <Grid>
        <ContentControl prism:RegionManager.RegionName="ContentRegion" />
    </Grid>
</Window>

houwasystemdesign

using PrismSample.Views;
using Prism.Ioc;
using System.Windows;
using PrismSample.ViewModels;

namespace PrismSample
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>

houwasystemdesign

                string datarow =
                    @"{""ColumnA"":" + i.ToString() +
                    @",""ColumnB"":""2列目" + i.ToString() +
                    @""",""ColumnC"":""3列目" + i.ToString() +
                    @"""},";

houwasystemdesign

var SampleInit = () => {
    wijmoSampleGrid = new wijmo.grid.FlexGrid(
        "#samplegrid",
        {
            itemsSource: sampledata.Data,
            // B列→A列→C列の順に並べ替えます
            columns: [
                { binding: 'ColumnB', header: 'B列' },
                { binding: 'ColumnA', header: 'A列', dataType: 'Number' },   // 数値型として認識させます
                { binding: 'ColumnC', header: 'C列' }

houwasystemdesign

<script type="text/javascript" charset="utf-8">
        var sampledata = {"Data":[{"ColumnA":"0","ColumnB":"2列目0","ColumnC":"3列目0"},{"ColumnA":"1","ColumnB":"2列目1",・・・以下略
</script>

houwasystemdesign

var SampleInit = () => {
    wijmoSampleGrid = new wijmo.grid.FlexGrid(
        "#samplegrid",
        {
            itemsSource: sampledata.Data,
            // B列→A列→C列の順に並べ替えます
            columns: [
                { binding: 'ColumnB', header: 'B列', isReadOnly: true }, // 読み取り専用
                { binding: 'ColumnA', header: 'A列', width: 200 },       // 列幅の変更
                { binding: 'ColumnC', header: 'C列', visible: false }    // 非表示

houwasystemdesign

var SampleInit = () => {
    wijmoSampleGrid = new wijmo.grid.FlexGrid(
        "#samplegrid",
        {
            itemsSource: sampledata.Data,
            // B列→A列→C列の順に並べ替えます
            columns: [
                { binding: 'ColumnB', header: 'B列' },
                { binding: 'ColumnA', header: 'A列' },
                { binding: 'ColumnC', header: 'C列' }

houwasystemdesign

$(document).ready(function () {
    SampleInit();
})

var wijmoSampleGrid;
var SampleInit = function () {
    // グリッドにデータをアサインする
    wijmoSampleGrid = new wijmo.grid.FlexGrid(
        "#samplegrid",
        {

houwasystemdesign

@{
    ViewBag.Title = "Home Page";
}

@Scripts.Render("~/Scripts/wijmo/wijmo.min.js")
@Scripts.Render("~/Scripts/wijmo/wijmo.grid.min.js")
@Styles.Render("~/Content/wijmo/wijmo.min.css")
@Scripts.Render("~/Scripts/Sample1.js")

<script type="text/javascript" charset="utf-8">

houwasystemdesign

        public ActionResult Index()
        {
            // サンプルデータ作成
            string result = @"{""Data"":[";
            for (int i = 0; i < 100; i++)
            {
                // 3列*100行で作成
                string datarow =
                    @"{""ColumnA"":""" + i.ToString() +
                    @""",""ColumnB"":""2列目" + i.ToString() +