小编chi*_*apa的帖子

单击按钮时如何隐藏/显示div?

我有一个div包含注册向导,我需要div在单击按钮时隐藏/显示它.我怎样才能做到这一点?

下面我给你看一下代码.

谢谢 :)

  <div id="wizard" class="swMain">
    <ul>
      <li><a href="#step-1">
            <label class="stepNumber">1</label>
        </a></li>
      <li><a href="#step-2">
            <label class="stepNumber">2</label>
        </a></li>
      <li><a href="#step-3">
            <label class="stepNumber">3</label>
         </a></li>
      <li><a href="#step-4">
            <label class="stepNumber">4</label>
        </a></li>
    </ul>
    <div id="step-1"> 
        <h2 class="StepTitle">Perfil</h2>
        <table cellspacing="3" cellpadding="3" align="center">
            <tr>
                  <td align="center" colspan="3">&nbsp;</td>
            </tr>        
            <tr>
                  <td align="right">Username :</td>
                  <td align="left">
                    <input type="text" id="username" name="username" value="" class="txtBox">
                  </td>
                  <td align="left"><span id="msg_username"></span>&nbsp;</td>
            </tr>
            <tr>
                  <td align="right">Password :</td>
                  <td align="left">
                    <input type="password" id="password" name="password" value="" class="txtBox">
                  </td>
                  <td align="left"><span id="msg_password"></span>&nbsp;</td>
            </tr> …
Run Code Online (Sandbox Code Playgroud)

html button show hide

32
推荐指数
4
解决办法
29万
查看次数

在Kendo Grid Read Action中发送附加参数

我有一个kendo Grid如下.

@(Html.Kendo().Grid<RevenueModel>()
     .Name("WeeklyRevenue")
     .Resizable(resizing => resizing.Columns(true))
     .Columns(columns =>
         {
            columns.Bound(p => p.Number).Width(100);
            columns.Bound(p => p.Type).Width(100);
            columns.Bound(p => p.Week1).Format("{0:c}");
            columns.Bound(p => p.Week2).Format("{0:c}");
            columns.Bound(p => p.Week3).Format("{0:c}");
            columns.Bound(p => p.Week4).Format("{0:c}");
            columns.Bound(p => p.Week5).Format("{0:c}");
            columns.Bound(p => p.TotalRevenue).Format("{0:c}");
         })
     .Scrollable()
     .Events(events => events.Change("onChange").DataBound("onDataBound"))
     .DataSource(dataSource => dataSource.Ajax().Read(read => read.Action("WeeklyRevenue", "Home")).ServerOperation(false))
     .Pageable(pager => pager.Refresh(true))
 )
Run Code Online (Sandbox Code Playgroud)

这是我的控制器代码

public ActionResult WeeklyRevenue([DataSourceRequest]DataSourceRequest request)
        {
            ...
            DataSourceResult result = res.ToDataSourceResult(request);
            return Json(result, JsonRequestBehavior.AllowGet);
        }
Run Code Online (Sandbox Code Playgroud)

它工作正常.但是我想在Grid读取数据时发送更多数据,如下所示;

public ActionResult WeeklyRevenue([DataSourceRequest]DataSourceRequest request, string AdditionalParam)
Run Code Online (Sandbox Code Playgroud)

我找不到任何解决方法如何做到这一点.提前致谢.

asp.net asp.net-mvc kendo-ui kendo-grid kendo-asp.net-mvc

17
推荐指数
3
解决办法
3万
查看次数

会话到期后重定向到特定页面(MVC4)

C#MVC4项目:我想在会话到期时重定向到特定页面.

经过一些研究,我Global.asax在我的项目中添加了以下代码:

protected void Session_End(object sender, EventArgs e)
{
     Response.Redirect("Home/Index");
}
Run Code Online (Sandbox Code Playgroud)

当会话到期时,它会在该行Response.Redirect("Home/Index");说出异常The response is not available in this context

这有什么不对?

session session-timeout asp.net-mvc-4

15
推荐指数
1
解决办法
4万
查看次数

Kendo网格图像列

在MVC4项目上工作,我正在尝试在我的kendo网格中添加一列显示图像的列.

<div id="datagrid">
    @(Html.Kendo().Grid<SustIMS.Models.ConcessionModel>()
    .Name("datagrid_Concessions")
    .Columns(columns =>
    {
        columns.Bound(c => c.Code).Title(ViewBag.lblCode);
        columns.Bound(c => c.Description).Title(ViewBag.lblDescription);
        columns.Template(@<text>
                <img src='@item.Image' /> 
            </text>
            ).Title("Image");
    })
Run Code Online (Sandbox Code Playgroud)

我试过了,但没有运气.还尝试过:

columns.Template(@<text>
         <img src='../../Images/pic.png' /> 
    </text>
    ).Title("Image");
Run Code Online (Sandbox Code Playgroud)

无论是src在控制器中定义图像还是直接在视图中写入图像,都不会显示图像.

我已经检查了这个这个问题,但图像没有显示.

有人可以帮忙吗?

编辑

这是特许经营模式:

public class ConcessionModel
    {
        public string Id { get; set; }
        public string Code { get; set; }
        public string Description { get; set; }
        public string TrafficOpeningDate { get; set; }
        public string CreationDate { get; set; }
        public string …
Run Code Online (Sandbox Code Playgroud)

asp.net-mvc asp.net-mvc-4 kendo-ui kendo-grid kendo-asp.net-mvc

8
推荐指数
1
解决办法
2万
查看次数

跟踪HttpWebRequest和HttpWebResponse的进度

我正在使用发送HTTP请求的Sharefile API并获得各自的答案.它们是通过URL制作的,并始终使用相同的功能.这里是.

Private Function InvokeShareFileOperation(ByVal requestUrl As String) As JObject

    Dim request As HttpWebRequest = WebRequest.Create(requestUrl)
    Dim response As HttpWebResponse = request.GetResponse()

    Dim reader As StreamReader = New StreamReader(response.GetResponseStream())

    Dim json As String = reader.ReadToEnd()
    response.Close()
    Return JObject.Parse(json)

End Function
Run Code Online (Sandbox Code Playgroud)

由于某些操作有点长,我需要以某种方式跟踪他们正在进行的进度并且不知道如何进行.后来我打算使用这个进度并从中创建一个进度条.

(编辑)顺便说一句,这是占用大部分时间的第二个代码行(下面),即跟踪操作.

Dim response As HttpWebResponse = request.GetResponse()
Run Code Online (Sandbox Code Playgroud)

vb.net json httpresponse httprequest getjson

6
推荐指数
2
解决办法
2143
查看次数

CSS加载屏幕问题

我试图在用户的某个动作之后显示加载区域.我想在屏幕中央显示加载动画,同时在后台显示页面的其余部分显示为灰色.

在这一点上,我的问题是加载动画也是灰色的,我只是想让背景变灰.白框应该是不透明的,但也有点透明.有帮助吗?

$('input[type=button]').click(function() {
  $("#shader").fadeIn();
});
Run Code Online (Sandbox Code Playgroud)
.loadingContainer {
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.shader {
    width: 100%;
    height: 100%;
    background-color: black;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    opacity: 0.5;
    display: none;
}

#divLoading3 {
    border-radius: 40px;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: white;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
} …
Run Code Online (Sandbox Code Playgroud)

html css

6
推荐指数
1
解决办法
1553
查看次数

单击div中的链接触发div的onclick

我有这个简单的问题:一个div包含一个链接,div有一个onclick函数定义.但是,当我点击链接时,我只想关注链接,而不是触发包含div的功能.

小提琴

HTML

<div>
  <a href="http://www.google.com" target="_blank">Google</a>
</div>
Run Code Online (Sandbox Code Playgroud)

JQuery的

$('div').click(function() {
  alert("test");
});
Run Code Online (Sandbox Code Playgroud)

CSS

div {
  height: 100px;
  width: 200px;
  border: 1px solid red
}
Run Code Online (Sandbox Code Playgroud)

所以在这里,当我点击div时,会显示一条警告:没关系.单击链接时,我不希望显示警报.

怎么避免这个?

html javascript css jquery event-handling

6
推荐指数
1
解决办法
901
查看次数

隐藏URL中的表单输入字段

我有一个带有两个输入字段的登录表单:用户名和密码。

<form method="get" action="../Main/Index">
    <p>
        <input type="text" name="username" value="" placeholder="username" maxlength="30"></p>
    <p>
        <input type="password" name="password" value="" placeholder="password" maxlength="25"></p>

    <p class="submit">
        <input type="submit" name="commit" value="Enter">
    </p>

</form>
Run Code Online (Sandbox Code Playgroud)

用户提交表单后,其用户名和密码将显示在浏览器的URL文本框中,如下所示:

http://localhost:53997/Main/Index?username=zm&password=123456789&commit=Enter

我不希望显示他的用户名和密码。

我怎样才能做到这一点?

html asp.net-mvc form-submit

5
推荐指数
1
解决办法
6643
查看次数

Kendo Datepicker:改变其内部的大小或字体

我有一个Kendo Datepicker,我在Kendo Window中显示它,它显示如下:

PIC

Datepicker以某种方式膨胀,比通常的字体和大小更大.在Kendo窗口之外,日期选择器显示正常.现在,我想知道我是否可以调整日期选择器或其中的字体,假设缩小字体也会缩小日期选择器的大小.

我试过把它添加到CSS中:

.k-popup .k-calendar {
   font-size: 10px !important;
}
Run Code Online (Sandbox Code Playgroud)

结果很奇怪:

PIC2

它只是部分工作,因为只有月份名称减少,数字仍然很大......

主要问题是,当打开日期选择器时,它会溢出kendo窗口维度:我正在寻找一种解决方案,允许我缩小日期选择器的尺寸以使其适合.

编辑

我试着添加这个k-calendar类:

@(Html.Kendo().DatePicker()
    .Name("concessionTOD")
    .Start(CalendarView.Month)
    .Value(DateTime.Now)
    .Format("yyyy-MM-dd")
    .Culture("pt-PT")
    .HtmlAttributes(new { @class = "k-calendar" })
)
Run Code Online (Sandbox Code Playgroud)

但结果如下:

PIC3

你可以在上面的图片中看到输入和月份名称的大小确实减少了,但是日历本身保持臃肿.

编辑2

我了解到,如果窗口被定义为iFrame,内部结果可能会有所不同,因为iFrame作为常规网页需要DOCTYPE以及html,head和body标签.我将此添加到插入窗口的部分视图中,结果如下:

PIC4

因此,日历不再膨胀,但仍然溢出窗口的高度,导致滚动条出现.要访问日历的下半部分,我必须使用滚动.如前所述,我希望日历在窗口外溢出,如OnaBai的回答所示,而不创建任何滚动条.

另外,我在文档中发现了

Refreshes the content of a Window from a remote URL or the initially defined content template. Note that passing data and non-GET requests cannot be sent to an iframe, as they require a form with a target attribute.

我不确定如何解释第二句,但它可能有助于处理这个问题.

css kendo-ui kendo-datepicker

5
推荐指数
1
解决办法
7167
查看次数

如何在Tooltip Template中使用kendo图表数据?

我在剑道图表中比较新.我有一张图表如下;

@(Html.Kendo().Chart<PlodWareWeb.Models.TotalDrilledBySize>()
    .Name("totalDrilledBySizeChart")
    .Title("Total Drilled By Size")

    .ChartArea(chartArea => chartArea.Background("transparent").Height(350))
    .DataSource(dataSource => dataSource.Read(read => read.Action("GetTotalDrilledBySizeChartData", "Home")))
    .Legend(legend => legend.Visible(false))
    .Series(series =>
    {
        series.Column(model => model.TotalDrilled, model => model.GroupName);
    })
    .CategoryAxis(axis => axis.Categories(model => model.HoleSize).Line(line => line.Visible(true)).Labels(labels => labels.Rotation(0)))
    .CategoryAxis(axis => axis.Categories(model => model.DisplayName)
    .Line(line => line.Visible(false))
    .Labels(labels => labels.Rotation(-90).Format("{0}")))
    .ValueAxis(axis => axis.Numeric().Labels(labels => labels.Format("{0}")))

    .Tooltip(tooltip => tooltip.Visible(true).Format("{0}%").Template("#= series.name #: #= value #")
    )
)
Run Code Online (Sandbox Code Playgroud)

如何在模板中将"model.DisplayName"和"model.HoleSize"显示为工具提示?我尝试过以下但它给了我"未定义".有人可以帮忙吗?谢谢.

.Template("#= model.DisplayName #: #= series.name #: #= value #")
Run Code Online (Sandbox Code Playgroud)

要么

.Template("#= CategoryAxis.model.DisplayName #: #= series.name …
Run Code Online (Sandbox Code Playgroud)

kendo-ui kendo-chart

5
推荐指数
1
解决办法
6311
查看次数