如何向Html.PagedListPager添加CSS类或id
要向Html.PagedListPager添加CSS类或id，可以通过以下步骤实现：
- 在HTML视图文件中，找到使用Html.PagedListPager的位置。
- 在Html.PagedListPager方法中，可以通过传递一个匿名对象作为参数来添加CSS类或id。例如：
@Html.PagedListPager(Model, page => Url.Action("Index", new { page }), new { @class = "my-class", id = "my-id" })在上面的示例中，我们将@class设置为"my-class"，将id设置为"my-id"。你可以根据需要修改这些值。
- 保存并刷新页面，你将看到Html.PagedListPager元素现在具有添加的CSS类和id。
关于Html.PagedListPager的更多信息，你可以参考腾讯云的相关文档和示例代码：
相关·内容
我刚刚在MVC 5中做了一个完美的页面列表。我想在每个PagedListPager上添加一个CSS类：
@Html.PagedListPager(Model, page => Url.Action("Toetsstart",
new { page, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter }))
我该怎么做？
浏览 18提问于2016-10-07得票数 5
回答已采纳
有人知道为什么当我把浏览器缩小到小屏幕和超小屏幕时，右边会出现空白吗？
图片来源：
我使用MVC4 + bootstrap和我的自定义css。
//layout.cshtml:
<div class="container">
<div class="row">
@RenderBody()
</div>
</div>
//index.cshtml:
@section featured {
<div class="jumbotron&#
浏览 3提问于2015-03-04得票数 2
在我的MVC视图中，我有一个PagedList.PagedCount和@Html.PagedListPager可以成功地显示它们的数据，但它们显示在不同的行上，因为PagedList.PagedCount呈现为不带标记的文本，而@Html.PagedListPager呈现为div块。所以有一个换行是有道理的。但是有没有办法让他们在同一条线上呢？
到目前为止，我已经尝试了，但没有成功：
(1)使用<div style="display:inline-block">包装器和<div style="display:inline">包装它，它没有
浏览 0提问于2015-06-26得票数 4
回答已采纳
1回答
我试图在分页中添加像ID这样的属性，这样我就可以在JS中代表它执行一些操作。
@Html.PagedListPager(Model, page => Url.Action("ConfirmCases", new { page }))
当我试图将它添加到URL中时。有人知道在这种情况下我如何设置ID吗？
如对此有任何帮助，将不胜感激。
浏览 2提问于2020-12-28得票数 1
回答已采纳
3回答
向注入的DOM元素添加CSS样式
、、、、
我正在使用javascript向页面中注入一些DOM元素。我能够注入一个DOM元素并将CSS样式应用于它：
var $e = $('<div id="header"></div>');
$('body').append($e);
$e.css({
background: '#fbf7f7',
});
问题：如果在$e中有嵌套元素，如何将CSS样式分别应用于父母及其子女？
var $e = $('<div id="header"><div class=
浏览 4提问于2012-12-04得票数 0
回答已采纳
1回答
我正在编写一个JavaScript文件，将允许网页自动具有相同的内容，所有其他网页在我的网站需要。问题是导航栏需要将禁用的类自动添加到正在查看的网页的链接中。我不知道如何做到这一点，我在网上找不到一个好的解决方案。到目前为止这是我的密码。我专注于“导航”部分。
$(document).ready(function() {
$('#initiate').append('\
<link rel="icon" href="img/favicon.png" />\
\
<!--Style data--&
浏览 4提问于2014-06-23得票数 0
回答已采纳
如果布尔值为false，我想从p-table的分页器中禁用next按钮。
这是我的桌子：
<p-table #dt id="{{id}}_table" [(value)]="_datasrc" [columns]="cols" [rows]="rowNumber || 10"
[paginator]="paginator" [pageLinks]="1" ...
为了禁用按钮，您可以看到我的css代码：
::ng-deep
.ui-paginator-next {
浏览 3提问于2022-06-30得票数 0
回答已采纳
我正在尝试使用jquery mobile构建一个应用程序。下面是html文档的结构。我想对内容的内部元素应用样式。我想使用在一个单独的.css页面中定义的相对样式表将css应用于"< pre>“元素。我该如何实现这一点？
谢谢,
Arun
<div data-role="page" id="myid">
<div data-role="header">
<h1>My header</h1>
</div>
<div data-role="content&#
浏览 3提问于2016-05-11得票数 0
1回答
非常新的Drupal用户，我正在为我的网站在Drupal 8上构建一个主题，我已经设置了一切，该站点在本地工作。现在，我想知道如何使我的区域看起来像模式(参见Image)。我要编辑哪些文件，以及要添加、编辑哪些值。
📷
编辑:主题正在建设中，所以现在只有4个文件：.info.yml、.libraries.yml、styles.css和page.html.twig。
其内容如下: page.html.twig：
<div id="page">
{% if page.headline %}
<section id="headline&
浏览 0提问于2017-09-12得票数 -1
3回答
我知道这是个愚蠢的问题，但我自己找不到解决办法。我的HTML页面中有两个列表。第一项是：
<ul id="menu">
<li><a href='@Url.Action("MainPage","Shirts")'>Main Page</a></li>
<li><a href='@Url.Action("OnSale","Shirts")'>On Sale</a></li>
浏览 4提问于2015-07-22得票数 0
回答已采纳
如何在选中(单击)时更改href (带有图像)的背景？
我有下面的HTML代码：
<li class="barButton" id="addHome">
<a href="#">
<img class="imgBar" id="animate1" src="img/interface.png" >
</a>
</li>
我尝试了下面的CSS代码：
.imgBar:active {
background-color:
浏览 0提问于2013-01-30得票数 0
4回答
更改后端的CSS
、、、
在使用asp.net时，是否可以在与Div标记相同的c#后端代码中修改css属性？我不能让它起作用。
例如：
<div id="myDiv" runat="server" style="height:10px; color:black;" />
C#
myDiv.Style.Add("color", "white");
这是可行的，但是我试图对css类做同样的工作。所以如果我有：CSS
.myDivStyle
{
height:10px;
color:black;
浏览 10提问于2013-10-17得票数 2
回答已采纳
2回答
MVC将值传递给控制器
、、、
需要一些关于方法的建议。我设计了一个使用表结构的视图来获得我需要的布局，并基于我的ViewModel用一个foreach循环填充了那个表。
实际上，我希望用户能够更新一些字段，如noofuser等，并且我希望有一个addotcart按钮，它将把这些值传递给控制器。
我目前遇到的问题是，这些值不通过表单传递，因为它们存在于表单之外。
如果我在表单中输入值，就会从表中获得任何格式。
如果我重复表单中的值，但更改为隐藏的，则从传递的模型中获得值，而不是更新的值。
我已经搜索了其他一些帖子，并在这里有另一篇文章，建议不要使用foreach，而是使用for循环，但这并没有真正改变与我正在经历的问题有关的
浏览 5提问于2014-09-08得票数 0
回答已采纳
我有我的css和html设置为中心对齐在我的网站右侧栏。然而，当我加载博客时，它也会加载与主题相匹配的css，并将我的图片移到右边的左侧栏上。
看看这里的直播：
如何修复图片，使其在加载博客内容时不会在左边对齐。
你可以看到，如果你点击上面的其他链接，看到的图像，然后再转到中心。
我的css从这样的链接加载：
<link href="css/main.css" rel="stylesheet" type="text/css" />
我的Wordpress内容从下面的代码中加载。但我不知道它是如何将自己的css与主题结合在一起的。由于我
浏览 2提问于2013-09-23得票数 0
回答已采纳
3回答
我正在尝试使用javascript或jQuery添加类或将css更改为onchange="javascript:setTimeout之后的选择。我遇到的问题是，在用户更改表单后，它会更改css一秒钟，然后消失。我如何才能使css保持不变呢？它似乎自动刷新自己，并返回到原来的风格。
联署材料：
$("select").change(function() {
$(this).closest('div').find('span').css("background-color", "yellow");
});
浏览 4提问于2017-10-31得票数 0
2回答
我正在写一个简单的xhtml页面，我使用了模板，css。来设计它的样式。
在这个页面中，我必须显示一条消息，我的问题是消息是用css样式的，而我不希望它的样式是这样的：
<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
那么有没有办法从我的css样式中排除消息呢？
非常感谢
浏览 0提问于2012-09-26得票数 0
我使用的是PagedList.Mvc版本3.18。现在关于页面的信息如下所示：
Page 1 of 3
← Previous
1
2
3
Next →
如何让它以这种方式显示出来：
Page 1 of 3
← Previous 1 2 3 Next →
Index.cshtml
<div id="pager">
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager
浏览 2提问于2014-03-06得票数 1
我正在与YII2(一个交友网站)建立一个项目。我有几个“表单模型”，我指的是用activeform创建表单的模型。在某些形式/模型中，我有相同的字段，例如“注册”页和“配置文件”页面中的“性别”和“位置”字段。只有一些字段是相同的，而另一些字段是不同的，所以我不能对不同的页面/表单使用相同的模型。
现在的问题是，当我使用不同的模型创建activerecord表单时，字段的ID和CSS类也是不同的。
例如，我有一个名为“SignupForm”的模型和一个名为“EditProfileForm”的模型。在视图(模板)中，我有这样的代码
<?php $form = ActiveForm::beg
浏览 7提问于2017-02-17得票数 0
回答已采纳
1回答
在应用ajax之后，我对css有一个问题。我有一个裸露的表格，我把它定型了。在应用ajax之前，它是:id=“编辑-字段-价格-值-min”在应用到id=后，改为“编辑-字段-价格-值-min-8 EHokPV5K8s”。
此外，类似的代码
如果没有添加-8EHokPV5K8s，我如何使用ajax？
浏览 0提问于2020-03-04得票数 -2
1回答
我正在尝试用CSS设置我的jQuery标签的样式，但是没有成功。也许我对CSS/Jquery的理解还不够。
这是我的CSS (例如，我正在尝试将选项卡居中)
#tabs-centre .ui-tabs-nav
{
height: 2.35em;
text-align: center;
}
#tabs-centre .ui-tabs-nav li
{
display: inline-block;
float: none;
top: 0px;
margin: 0em;
}
这是我的html..。
<!DOCTYPE htm
浏览 1提问于2014-10-12得票数 0
我正在使用css for wordpress在post中设置图像位置？
single.php
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div align="center"><h6><?php the_title();?></h6></div>
<div class="isi">
<?php the_cont
浏览 10提问于2011-12-01得票数 0
回答已采纳
1回答
这是我的_Layout.cshtml文件：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" asp-href-include="lib/bootstrap/dist/css/*.min.css" />
<title>SportsStore</title> &
浏览 2提问于2017-03-09得票数 0
对于“@Html.PagedListPager”的第二个参数，我使用什么？如果我的控制器中有一个操作可以接受这样的视图模型
[HttpPost]
[AllowAnonymous]
public ActionResult Search(HomePageViewModel viewModel)
{
var pagedList = repository.GetYogaList(viewModel.SearchQuery, viewmodel.Date)
viewModel.YogaList = pagedList;
i
浏览 2提问于2015-07-22得票数 3
2回答
我正在尝试定制Jquery验证。我碰巧更改了错误消息的样式。如何改变输入方式？我需要改变边框颜色，如果成功-绿色边框，如果错误-红色边框。如果成功，则在输入中添加<span class="glyphicon glyphicon-ok" style="color:green;">。如果成功-绿色边框-已经起作用了。HTML：
<form role="form" action="" id="contact-form" >
<div class="fo
浏览 2提问于2014-12-12得票数 0
我有很多行有不同的按钮。当我单击一个按钮时，它会检查该行中的答案是否正确。我已经开始工作了。我不知道的是如何给正确的按钮(或错误的东西)一个不同的颜色，所以它显示用户是正确的(或错的)。有什么想法吗？
这是在我的控制器：
//function for press exercises: exercises where you make decissions between buttons
public function press($ped_mat_id)
{
if($this->input->post('answer'))
{
$an
浏览 1提问于2013-05-23得票数 0
这个问题有点像这个问题的对立面：
在我的代码中，有几个地方列出了我希望使用jQuery处理的内容：
<div class="myitem" id="item1">...</div>
<div class="myitem" id="item2">...</div>
<div class="myitem" id="item3">...</div>
<div class="myitem" id="item
浏览 1提问于2013-06-20得票数 2
1回答
我想问一下，是否有人知道如何解决椭圆与其他元素具有相同样式的问题。 ? @Html.PagedListPager(Model, page => Url.Action("Index", new
{
page
}), new X.PagedList.Mvc.Core.Common.PagedListRenderOptions
{
ContainerDivClasses = new[] { "navigation" },
LiElementClasses = new[] { "page-item" },
浏览 20提问于2020-07-02得票数 0
2回答
SAPUI5控件上的CSS
、、、、
在sap.m.Input的HTML视图中，div标记中有一个sapui5。当我将css应用于div时，它在所有div元素上都能很好地工作。但是，我想在div标记中的单个控件上应用css。它不起作用。守则是：
<div data-sap-ui-type="sap.m.Label" data-text="Sr.No :"></div>
<div data-sap-ui-type="sap.m.Input" id="id_SrNo_Val" data-width ="10%"><
浏览 7提问于2014-04-07得票数 1
回答已采纳
1回答
在本地环境中，我们更改了滑块的圆形指示符的CSS，它工作得很好。当我们上传的时候，软件包会从GitHub中更新，并且我们失去了我们的更改。
我们通过添加我们自己的CSS文件并在Bootstrap上设置样式来处理这个问题。这对于我们有ID的组件来说非常有用。然而，我们还不清楚在滑块上作为指示器的点状结构的ID。
我如何找到他们的ID，这样我就可以在Bootstrap提供的类上添加自己的类？
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-
浏览 0提问于2016-04-16得票数 0
回答已采纳
5回答
我试着做这个：
...look更像这样：
我正在写的那一页：
我的代码：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
&
浏览 2提问于2018-05-22得票数 0
回答已采纳
我需要隐藏一个div和两个输入字段，我知道如何通过使用ID和名称来做到这一点，但是代码在ID名称的末尾添加了一个唯一的数字。见下文。
<div id="gift-messages-for-item-container-295">Gift Message</div>
下面也是我需要隐藏的输入，与之前相同，它将唯一编号添加到ID和名称。
<input type="text" name="giftmessage[295][from]" id="gift-message-295-from" title=
浏览 0提问于2013-04-26得票数 2
如何设置id或向使用Poshy创建的工具提示div添加额外的CSS类？我希望能够区分同时显示的不同的工具提示。
我尝试在工具提示的初始化中添加额外的CSS类，但这破坏了布局，因为Poshy动态生成的一些CSS停止了正确的功能。插件没有提供设置id的选项：
$('#tip').poshytip({
className: 'tip-yellow',
// Replacing the previous line with the next one breaks the layout:
// className: 'tip-yellow
浏览 8提问于2013-08-05得票数 0
回答已采纳
4回答
我得到了一个简单的JavaScript，当点击链接时它会改变元素的内部超文本标记语言，它看起来像这样：
function changeHeader(Index)
{
var headers = new Array("Coffee tables","Side tables","Stand tables","Dinner tables","Stools","Pedestals");
document.getElementById("header").innerHTML =
浏览 0提问于2012-10-29得票数 1
回答已采纳
我在ASP.NET项目的site.master文件中有一个常规的导航菜单。我将我的应用程序放在服务器上，但是当我启动应用程序或执行回发时，我的导航菜单会像它一样垂直对齐几秒钟，当页面完全加载时，它又是水平的。
我该如何解决这个问题呢？
不是必须的，但下面是我的代码(css和导航菜单)：
<head runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/cs
浏览 0提问于2013-07-08得票数 3
回答已采纳
我有一个div，其中包含如下所示的锚标记。
<div id="sideTabs">
<a href="#" type="click" >
Click Here
</a>
</div>
由于某些原因，我无法在锚标记上设置id或class，并且锚标记中有一个属性type。
我有一个CSS类
.selected {
background: rgb(41, 41, 59);
color: #fff;
}
浏览 1提问于2018-03-08得票数 0
回答已采纳
3回答
我在我正在建立的网站上有以下结构
<td class="header link" id="link-XXX"><a href="/XXX>XXX</a></td>
我使用jquery在选择表格时更改背景颜色。我想要完成的也是使XXX的字体在选择时变成粗体(这是由链接类控制的)。
我正在使用$(document).ready(function() { $("#link-XXX).css('background-color', '#EBA521'); });更改
浏览 0提问于2011-07-16得票数 0
我有一个宽度为960px的父类"tab content“和一个宽度为980px的子类"wrap”。由于这个完整的动画是不可见的。父div和子div的css位于不同的css文件中，而我只能访问子css文件。如何用子CSS重写父CSS。我已经尝试过使用!important标签。Div结构类似于：
<div class="tab-content">
<div id="section_1">
<div id="presentation_1" class="presentation&#
浏览 0提问于2014-08-20得票数 1
如何将查询字符串添加到下面的Razor中？
@Html.PagedListPager( (IPagedList)Model.PartsList, page => Url.Action("Index", new { page }) )
浏览 2提问于2014-05-05得票数 1
回答已采纳
1回答
在Rails的RJS适配器中，
page['id'] // $('id')
访问CSS-id，
page['id'].property // $('id').property
它的一个属性。但是如何访问数组索引，例如
page.select('ul').value_at(2) // $('id').select('ul')[2]
有没有什么方法不用写就能做到这一点：
page << "$('id').select('ul')[2]&
浏览 0提问于2010-07-20得票数 0
回答已采纳
我有一个CSS文件，我只想在测试模式下运行它，而不想在开发或生产模式下运行。我知道如何内联完成此操作，如下所示：
<% if Rails.env.test? &>
<style>
//My test only styles
</style>
<% end %>
这是可行的，但是，我更喜欢避免内联样式表，因为它们是杂乱无章且难以维护的。我尝试将其应用于外部样式表，如下所示：
<%= stylesheet_link_tag 'my_stylesheet.css' if Rails.env.test? %&
浏览 0提问于2016-08-26得票数 1
我在为我的网站做菜单。静电看起来是这样的：
<nav>
<ul id="menu">
<li class="item_1"><a href="#">Item 1</a></li>
<li class="item_2"><a href="#">Item 2</a></li>
<li class="item_3"><
浏览 0提问于2011-12-26得票数 19
回答已采纳
2回答
我有一个这样的按钮，
<button class = "btn btn-group" data-toggle = "buttons" id="button" type = "button">
<span class="glyphicon glyphicon-star" id="star"></span>
</button>
单击此按钮时，添加一个名为.yellow的新CSS类以使用jQuery更改按钮的颜色，如下所示，
<script ty
浏览 1提问于2016-04-02得票数 0
回答已采纳
1回答
我对HTML和CSS非常陌生，在过去的几天里我一直在尝试学习和使用Dart。当计时器超时时，我正在尝试更改按钮文本的颜色。
HTML
<button class="command-btn" type="button"
id="calibrate-btn">Calibrate</button>
CSS
#calibrate-btn {
color: black;
}
Dart
querySelector('#calibrate-btn').setAttribute('color',&
浏览 1提问于2014-02-24得票数 0
回答已采纳
我正在开发一个使用ASP.NET MVC4和实体框架的intranet web应用程序。我有一个视图，它列举了我的数据库中的所有“人”，我可以编辑或删除他们。我正在尝试使用一个模态表单来确认删除操作(所以使用我的操作"Delete")。但是，为了做到这一点，我必须检索我想要删除的人的Id。
在阅读了示例和文档后，我找不到正确的方法来提取我想要删除的人的id，以便在我的操作中使用它。
我的删除操作：
public ActionResult Delete(long id)
{
Person person = db.Persons.Single(p =>
浏览 0提问于2013-04-10得票数 1
回答已采纳
我是jquery的新手，不知道如何向页面元素添加CSS id。
例如，下面是内联CSS stlyes：
#main h2 {
background: url(open.png) no-repeat 0% 10%;
padding-left: 20px;
cursor: pointer;
}
#main h2.close {
background-image: url(close.png);
}
#main h2.highlight {
color: red;
font-weight: bold;
text-transform: uppercase;
}
下面是我尝试的jquery：
$(doc
浏览 0提问于2011-03-17得票数 0
回答已采纳
如何对齐这些已由wysihtml5文本编辑器处理过的UL标签？请帮帮我。。。我可以使用什么css来对齐它们。
浏览 1提问于2015-12-12得票数 0
1回答
我有一个视图，它调用两个局部视图。
_partialView是一个PagedList，_viewHeader有选择各种过滤器的单选按钮。我需要能够在不重新加载_viewHeader的情况下通过_partialView进行分页。
这是可行的，但是当我单击页面导航按钮时，_viewHeader视图被重新加载，并且单选按钮被设置为默认值。
@Html.PagedListPager(Model, page => Url.Action("Index", new { currentFilter = @ViewBag.CurrentFilter, page }), PagedListR
浏览 0提问于2018-04-27得票数 1
2回答
我想用我刚刚下载的图标替换这三个字段Edit/Details/Delete。图标大小为512x512，这会是个问题吗？我可以在代码中调整它们的大小(如何)，或者我应该使用一些程序来调整它们的大小。我一直在网络中搜索，我发现了一些非常长的C#代码片段，但我不知道把它放在哪里，以便用图标替换这些属性的文本。
以下是我的HTML：
@using PagedList.Mvc;
@model PagedList.IPagedList<Rating_System.Models.tblTeacher>
<link href="~/Content/PagedList.css"
浏览 4提问于2016-10-10得票数 0
回答已采纳
1回答
如何出现对话？
、、、
我有div标记的HTML标记代码，必须使用jQuery显示。
Directory Lookup All fields required unless otherwise noted as optional.
Search
error Fill the required field.
浏览 4提问于2014-01-25得票数 0
回答已采纳
1回答
我正在尝试根据单选按钮选择显示特定的span消息。此外，我希望在用户做出选择后立即锁定选择。因此，换句话说：
我几乎能够实现我想要创建的效果：
但我不确定如何在选择错误的选项时显示错误的零件。我仍然是一个初学者，不知道如何让它工作。请看下面的JS和HTML。将感谢如何使这项工作的洞察！
HTML
<div id="wizard">
<div id="space" style="width:810px; background:white; height:10px;">
浏览 0提问于2013-11-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
