charlespockert / aurelia-bs-grid

Aurelia and Bootstrap powered datagrid control
MIT License
45 stars 21 forks source link

materialize #41

Closed johntom closed 8 years ago

johntom commented 8 years ago

Hi, I know you plan to remove dependency on bs but I'm pretty close to having the grid work with materialize (except for paging)

<grid grid-height.bind="640" read.call="getComments($event)" grid.ref="grid" server-paging.bind="false" server-sorting.bind="false"
      selectable.bind="true" page-size="10" no-rows-message="Nothing to see here!" show-jump-buttons.bind="false"
      show-first-last-buttons.bind="false"
      show-column-filters.bind="true">

        <grid-row>
          <grid-col heading="BCSNumber" field="BCSNumber" class="col m 1">${ $item.BCSNumber }</grid-col>
          <grid-col heading="Address" field="Address" class="col m 2">${ $item.Address }</grid-col>

          <grid-col heading="City" field="City" class="col m 8">${ $item.City }</grid-col>
        </grid-row>
      </grid>

having a problem with changing the paging control

  <div class="container">
    <div class="row">
      <div class="input-field col s12 m6">
        <select value.bind="page" materialize="select">
          <option value.bind="10">Items per page</option>
                <!-- <option repeat.for="page of pages" value.bind="grid.page-size">${page}</option> -->
                <option repeat.for="page of pages" value.bind="grid.pageSize">${page}</option>
        </select>
        <label for="Page">Page Count</label>
      </div>
   </div>
johntom commented 8 years ago

I've decided to wait as I've descovered other issues...