Question

我在使用第三方必要对象网格时使用了materialize css。我的问题是渲染网格时没有渲染复选框。

我在materialize css中找到了与复选框问题相关的链接。 https://github.com/Dogfalo/materialize/issues/1376

我只想在网格而不是整页上应用修复。请给我你的意见

enter code here


<div class="row">
                                <div class="col s12 m12 l12" >

                                    <eo:Grid ID="GridGenMulti" Height="300px" Width="650px" runat="server" EnableViewState="true"
                                        ColumnHeaderHeight="26" ItemHeight="50" GridLines="Both" BorderColor="#828790"
                                        GridLineColor="0, 0, 0" ColumnHeaderDividerImage="00050203" Font-Names="'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif"
                                        Font-Size="8.75pt" BorderWidth="1px" IsCallbackByMe="False" FullRowMode="false"
                                        AllowNewItem="False" ScrollBars="Auto" FixedColumnCount="1" EnableKeyboardNavigation="true"   >
                                        <ItemStyles>
                                            <eo:GridItemStyleSet >
                                                <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x">
                                                </SelectedStyle>
                                                <CellStyle CssText="padding-left:6px;padding-top:2px;"></CellStyle>
                                                <ItemStyle CssText="background-color: yellow; "></ItemStyle>
                                                <FixedColumnCellStyle CssText="background-color: #ebeadb;padding-left:6px;padding-top:2px; ">
                                                </FixedColumnCellStyle>
                                            </eo:GridItemStyleSet>
                                        </ItemStyles>
                                        <ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:2px;">
                                        </ColumnHeaderHoverStyle>
                                        <ColumnHeaderStyle CssText="background-image:url('00050201'); background-repeat:repeat;padding-left:8px;padding-top:2px;   word-wrap: break-word; vertical-align:middle;">
                                        </ColumnHeaderStyle>
                                        <FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:2px;">
                                        </FooterStyle>
                                        <Columns>


                                            <eo:CheckBoxColumn HeaderText="Select" Visible="true" Width="100" >

                                            </eo:CheckBoxColumn>

                                            <eo:StaticColumn HeaderText="File No" Visible="false" Width="100">
                                            </eo:StaticColumn>
                                            <eo:StaticColumn HeaderText="Employee" AllowSort="true" Width="100">
                                            </eo:StaticColumn>
                                            <eo:TextBoxColumn HeaderText="Remarks" Width="350">
                                            </eo:TextBoxColumn>
                                        </Columns>
                                    </eo:Grid>
                                </div>
                            </div>

Answer 1

尝试将CheckBox的Text属性添加为空白，以便添加空白span元素，该元素具有与原始复选框相关联的类

与普通复选框一样

<asp:CheckBox ID="chk" CssClass="bold"  Text="" runat="server" />

注意：未针对CheckBoxColumn进行测试，针对普通Checkbox进行了测试

使用materializecss时，CheckBox不会渲染

1 个答案: