0

私はJavaScriptが初めてですが、WPFで「グリッド」のようなクラスコンテナを作成することは可能ですか? jQueryなどなしで望ましいです。以下のXAMLコードでGridのようなコンテナを作成する必要があります。

     <Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid x:Name="grid1">
    <Grid.RowDefinitions>
        <RowDefinition Height="30*"></RowDefinition>
        <RowDefinition Height="30*"></RowDefinition>
        <RowDefinition Height="30*"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="100*">
        </ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid x:Name="Grid2" Grid.Row="0" Grid.Column="0"></Grid>
</Grid>

4

2 に答える 2

0

HTML では、Table 要素のみが同様の動作を提供します。css で拡張する必要がありますが、グリッドのようなエクスペリエンスを作成できます。並べ替え、検索、ページングなどの機能がさらに必要な場合は、jQuery DataTables をお勧めします。無料で使いやすく、高速です。

テーブルを作成するための単純な JavaScript を次に示します。

var container = document.getElementById("container");
var newInner = "<table>";
newInner += "<thead>";
newInner += "<tr>";
newInner += "<th>Column1</th>";
newInner += "<th>Column2</th>";
newInner += "</tr>";
newInner += "</thead>";
newInner += "<tbody>";
for (var i=0;i< 100;i++)
{
    newInner += "<tr>";
    newInner += "<td>Content" + i + "_1</td>";
    newInner += "<td>Content" + i + "_2</td>";    
    newInner += "</tr>";
}
newInner += "</tbody>";
newInner += "</table>";
container.innerHTML = newInner;

jQuery Datatables をチェックできる Fiddle も作成しました

于 2013-08-28T09:41:42.980 に答える