Comments (8)
I've just published a nuget that should support this though I have not tried it with the needed css it appears to render the desired markup. Might take a few minutes before that nuget is indexed and available but it should work like this:
<cs-pager cs-paging-pagesize="@Model.PageSize"
cs-paging-pagenumber="@Model.PageNumber"
cs-paging-totalitems="@Model.TotalItemCount"
cs-pagenumber-param="page"
cs-show-first-last="true"
cs-suppress-empty-nextprev="true"
cs-suppress-inactive-firstlast="true"
cs-first-page-text="First"
cs-last-page-text="Last"
cs-pager-li-current-class="active"
cs-pager-li-non-active-class="disabled"
cs-pager-li-other-class="waves-effect"
cs-previous-page-html="<a href='#!'><i class='material-icons'>chevron_left</i></a>"
cs-next-page-html="<a href='#!'><i class='material-icons'>chevron_right</i></a>"
asp-controller="Paging"
asp-action="Index"></cs-pager>
from cloudscribe.web.pagination.
seems like if the project is educational then upgrading and dealing with the breaking changes would be a good learning exercise. rc1 was really more like beta9 and there are lots of breaking changes but also a lot of fixed bugs in rc2
from cloudscribe.web.pagination.
I've just added support in the source code for LiOtherCssClass which would map to their not active, not disabled
Adding support for markup for next/prev I think we will have to check if the PaginationLink text matches the NextPageText/PrevPageText and then check for other new properties to see if override markup was provided, in which case we would just use that inside the li lement instead of adding an a element
from cloudscribe.web.pagination.
these seem like reasonable ideas. I had not looked at materializecss before but it looks like a nice alternative to bootstrap and I do think this project should be able to support that.
I will look into this when I get a chance, let me know if you are interested in doing it yourself and making a pull request.
seems like their 3 states active, not active, and disabled map to ours like this:
IsCurrent = their active
Active = false = their disabled
Active = true = their not active (what you called not non active)
from cloudscribe.web.pagination.
Commenting on this point: "In cs-previous-page-text & cs-next-page-text the ability to use HTML"
This is some code out of, PagerTagHelper.cs. For example, when you use HTML in the cs-previous-page-text attribute. It would use the Append() method. If it would use the AppendHtml() method then it would display the HTML correct. I am not sure what the best way to go is. Append() encodes the text so HTML attributes are encoded, but if you would do AppendHtml() instead of Append() then HTML would not be encoded anymore so real HTML is shown.
This seems to me like a design decision for you, or some extra attribute could be added so that text would append as HTML instead of the Append() that encodes HTML.
if (link.Text == "«")
{
a.InnerHtml.AppendHtml("«");
}
else if (link.Text == "»")
{
a.InnerHtml.AppendHtml("»");
}
else
{
a.InnerHtml.Append(link.Text);
}
from cloudscribe.web.pagination.
Is it normal that I get reference errors at DNX 4.5.1 and DNX Core 5.0 with the new 1.0.1-beta5?
I also get this with 1.0.1-beta4, but not with versions lower than 1.0.1-beta4.
from cloudscribe.web.pagination.
you are still using rc1/dnx, you need to install rc2 from http://dot.net
my projects have all been updated to rc2, you will need to do the same for your projects
dnx no longer exists in rc2
from cloudscribe.web.pagination.
Okay, I see. Unfortunately I can't upgrade to rc2, because I am using this project on a school project where we are using rc1.
from cloudscribe.web.pagination.
Related Issues (20)
- Changing css of cs-pager HOT 1
- totalitems with long type HOT 4
- Reference to cloudscribe.Pagination.Models HOT 5
- ToPagedList performance on IQueryable implementation HOT 1
- EINVRES Request to https://bower.herokuapp.com/packages/jquery failed with 502 (fix included) HOT 1
- CompatibilityVersion.Version_2_2 causing NRE HOT 1
- Remove Next and Previous Links HOT 2
- hashtag HOT 4
- reconsider support preserve querystring for creating link HOT 3
- `PagedResult<T> where T : class` why class is needed? HOT 3
- Calling Javascript functions HOT 6
- Add .NET Core 3.0 support HOT 9
- Add netstandard 2.1 Support HOT 1
- Can't use page for cs-pagenumber-param HOT 3
- Problem with total Items
- Please upgrade to .net 6 HOT 4
- How to target another page in Pager Links
- Plans to support .NET 7? HOT 1
- Bootstrap 5 support? HOT 4
- Test and fix demo Pagination web application HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cloudscribe.web.pagination.